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 上编辑示例