|
Source: jagodesain.com |
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.
Post a Comment