AMP
  • websites

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 项目强烈鼓励您参与并做出贡献!我们希望您能成为我们开放源代码社区的持续参与者,但我们也欢迎您对所热衷问题做出一次性贡献。

编辑 GitHub 上的示例