amp-facebook
Introduction
The amp-facebook
component allows embedding both Facebook posts and videos into AMP files.
Setup
Import the amp-facebook
component
<script async custom-element="amp-facebook" src="https://cdn.ampproject.org/v0/amp-facebook-0.1.js"></script>
Basic usage
The amp-facebook
component only requires the URL of the facebook post...
<amp-facebook width="552" height="303" layout="responsive" data-href="https://www.facebook.com/zuck/posts/10102593740125791">
</amp-facebook>
Video
Here is a sample for a Facebook video embed.
<amp-facebook width="552" height="310" layout="responsive" data-href="https://www.facebook.com/zuck/videos/10102509264909801/">
</amp-facebook>
Video with card
Setting data-embed-as="video" will embed the video with the accompanying card.
<amp-facebook width="552" height="310" layout="responsive" data-embed-as="video" data-href="https://www.facebook.com/zuck/videos/10102509264909801/">
</amp-facebook>
Video without card
Setting data-embed-as="post" will embed the video without the accompanying card.
<amp-facebook width="552" height="310" layout="responsive" data-embed-as="post" data-href="https://www.facebook.com/zuck/videos/10102509264909801/">
</amp-facebook>
さらに説明が必要ですか?
このページの説明でご質問のすべてを解消できない場合は、あなたの実際の使用事例について他の AMP ユーザーに問い合わせて話し合ってください。
Stack Overflow にアクセスする 説明されていない機能ですか?AMP プロジェクトでは皆さんの参加と貢献を強くお勧めしています!当社はオープンソースコミュニティに継続的にご参加いただくことを希望しますが、特に熱心に取り組んでいる問題があれば1回限りの貢献でも歓迎します。
GitHub でサンプルを編集する-
Written by @sebastianbenz