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>
Daha fazla açıklamaya mı ihtiyacınız var?

Bu sayfadaki açıklamalar tüm sorularınıza yanıt vermiyorsa, özgün kullanım durumunuzu tartışmak üzere diğer AMP kullanıcılarına ulaşmaktan çekinmeyin.

Stack Overflow'a git
Açıklanmayan bir özellik mi var?

AMP projesi, katılımınızı ve katkılarınızı güçlü bir şekilde teşvik ediyor! Açık kaynak topluluğumuzun devamlı bir katılımcısı olacağınızı umuyoruz ancak özel olarak ilgilendiğiniz konularla ilgili tek seferlik katkıları da memnuniyetle karşılıyoruz.

Örneği GitHub'ta düzenle