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 貼文的網址...
<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 上編輯範例-
作者: @sebastianbenz