Skip to main content
MANGAIP BLOG

follow us

Cara memasang Video Youtube Dan Facebook Di Postingan Blog AMP


Selain untuk menambah keindahan blog atau web, maka kita dapat memasang video youtube atau facebook ke dalam artikel kita. Tapi bagaimana agar bisa embed video tersebut tapi tetap valid amp?
Adanya video dalam artikel blog tentu sangat membantu bagi visitor atau pengunjung dalam mencerna isi artikel kita, apalagi kalau blog kalian memiliki tema tutorial, tentu sebuah video bisa membantu pengunjungnya.
Untuk memasukan video dari youtube atau facebook sebenarnya tidak terlalu sulit, hanya saja perlu dalam Mode HTML saat memasukan videonya.

Cara Memasang Video Youtube Ke Postingan Blog AMP

1. Pasang kode js atau javascript dibawah ini, jika sudah silahkan abaikan
Kode kotak amp:

<script async custom-element="amp-youtube" src="https://cdn.ampproject.org/v0/amp-youtube-0.1.js"></script>
2. Silahkan sisipkan kode dibawah ini di dalam postingan mode HTML

<amp-youtube data-param-list='xxxxxxxxxxxxxxxxx' data-param-listType='playlist' data-videoid='xxxxxxxxxx' height='270' layout='responsive' width='480'/>
3. Ganti kode ID video Youtube yang pertama di kasih tanda tebal dengan kode channel youtube kalian
4. Ganti kode ID video Youtube yang di kasih tanda tebal
5. Silahkan sesuaikan ukuran height (tinggi) dan width (lebar) sesuai dengan ukuran yang kalian inginkan.
6. Selesai

Cara Memasang Video Facebook Ke Postingan Blog AMP

1. Pasang kode js atau javascript dibawah ini, jika sudah silahkan abaikan

<script async='async' custom-element='amp-facebook' src='https://cdn.ampproject.org/v0/amp-facebook-0.1.js'/>
2. Silahkan sisipkan kode dibawah ini di dalam postingan mode HTML

<amp-facebook 
data-embed-as="video"
data-href="https://www.facebook.com/MasterDIYcrafT/videos/505387263346393/"
height="315"
width="560"
layout="responsive">
</amp-facebook>
3. Ganti kode url video Facebook yang di kasih tanda tebal
4. Silahkan sesuaikan ukuran height (tinggi) dan width (lebar) sesuai dengan ukuran yang kalian inginkan.
5. Selesai

Itulah cara memasang Video Youtube dan Facebook ke dalam postingan AMP. Apabila masih kurang detail, mohon dimaafkan, karena keterbatasan ilmu saya. Semoga bermanfaat.

You Might Also Like:

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar