Skip to content

Latest commit

 

History

History
77 lines (61 loc) · 2.75 KB

amp-facebook.md

File metadata and controls

77 lines (61 loc) · 2.75 KB
Raw

amp-facebook

Description Displays a Facebook Post or Video.
Availability Stable.
Required Script <script async custom-element="amp-facebook" src="https://cdn.ampproject.org/v0/amp-facebook-0.1.js"></script>
Supported Layouts fill, fixed, fixed-height, flex-item, nodisplay, responsive
Examples Annotated code example for amp-facebook

Examples

Example - Embedding a post:

<amp-facebook width=486 height=657
    layout="responsive"
    data-href="https://www.facebook.com/zuck/posts/10102593740125791">
</amp-facebook>

Example - Embedding a video:

<amp-facebook width=552 height=574
    layout="responsive"
    data-embed-as="video"
    data-href="https://www.facebook.com/zuck/videos/10102509264909801/">
</amp-facebook>

Attributes

data-href

The URL of the facebook post/video. For example: https://www.facebook.com/zuck/posts/10102593740125791.

data-embed-as Optional Either post or video (default: post).

Both posts and videos can be embedded as a post. Setting data-embed-as="video" for Facebook videos only embed the player of the video ignoring the accompanying post card with it. This is recommended if you'd like a better aspect ratio management for the video to be responsive.

Checkout the documentation for differences between post embeds and video embeds.

Validation

See amp-facebook rules in the AMP validator specification.