Cara Menampilkan Video Youtube pada AMP Blogger



Sebelum menampilkan video Youtube pada template AMP Blogger pertama-tama tambahkan skrip dibawah ini diantara tag <head> dan </head>, tanpa kode ini video youtube tidak akan ditampilkan


<script async='async' custom-element='amp-youtube' src='https://cdn.ampproject.org/v0/amp-youtube-0.1.js'/>


Pada postingan tambahkan kode tag dibawah ini, ukuran dan penempatannya bisa disesuaikan terserah Anda


<amp-youtube width='480' height='270' layout='responsive' data-videoid='xxxxxxxxxxx'/>


Kode yang di blok warna adalah kode embed yang didapat dari url video Youtube. Layout yang support untuk kode diatas adalah: fill, fixed, fixed-height, flex-item, nodisplay>, responsive.

Dikarenakan keterbatasan kemampuan browser mobile, maka auto play pada <amp-youtube .../> tidak berfungsi.



Anda mungkin menyukai postingan ini