AMP
  • 網站

amp-facebook

簡介

amp-facebook 元件允許將 Facebook 貼文和影片嵌入到 AMP 檔案中。

設定

匯入 amp-facebook 元件

<script async custom-element="amp-facebook" src="https://cdn.ampproject.org/v0/amp-facebook-0.1.js"></script>

基本用法

amp-facebook 元件僅需 Facebook 貼文的 URL...

<amp-facebook width="552" height="303" layout="responsive" data-href="https://#/zuck/posts/10102593740125791">
</amp-facebook>

影片

以下是 Facebook 影片嵌入的範例。

<amp-facebook width="552" height="310" layout="responsive" data-href="https://#/zuck/videos/10102509264909801/">
</amp-facebook>

附帶資訊卡的影片

設定 data-embed-as="video" 將會嵌入附帶資訊卡的影片。

<amp-facebook width="552" height="310" layout="responsive" data-embed-as="video" data-href="https://#/zuck/videos/10102509264909801/">
</amp-facebook>

不附帶資訊卡的影片

設定 data-embed-as="post" 將會嵌入不附帶資訊卡的影片。

<amp-facebook width="552" height="310" layout="responsive" data-embed-as="post" data-href="https://#/zuck/videos/10102509264909801/">
</amp-facebook>
需要更多說明嗎?

如果此頁面的說明沒有涵蓋您的所有問題,請隨時聯繫其他 AMP 使用者以討論您的具體使用案例。

前往 Stack Overflow
未說明的特色功能?

AMP 專案強烈鼓勵您的參與和貢獻!我們希望您能成為我們開源社群的持續參與者,但我們也歡迎您針對您特別熱衷的問題提供一次性貢獻。

在 GitHub 上編輯範例