Semangat Pagi...
Tutorial singkat kali ini adalah cara memasukkan video YouTube di blog valid AMP.
Berikut ini langkah-langkah penerapannya :
Copy paste kode dibawah ini ke bagian <head>...</head> di template AMP
<script async custom-element='amp-youtube' src='https://cdn.ampproject.org/v0/amp-youtube-0.1.js'></script>
Abaikan jika kode tersebut sudah ada di template AMP anda.
Lanjut ke langkah berikutnya.
Copy paste kode embed video youtube valid AMP dibawah ini ke bagian halaman postingan, sidebar maupun di halaman depan.
<amp-youtube
width='480'
height='270'
layout='responsive'
data-videoid='i2oIMADkdyc'>
</amp-youtube>
width='480'
height='270'
layout='responsive'
data-videoid='i2oIMADkdyc'>
</amp-youtube>
Hasilnya akan seperti dibawah ini.
Untuk membuat video youtube ini berputar secara otomatis , cukup menambahkan kode autoplay
<amp-youtube
width='480'
height='270'
layout='responsive'
data-videoid='i2oIMADkdyc'
autoplay>
</amp-youtube>
width='480'
height='270'
layout='responsive'
data-videoid='i2oIMADkdyc'
autoplay>
</amp-youtube>
dan hasilnya akan terlihat seperti di bawah ini.
Ganti data-videoid dengan target video yang anda punya.
Lakukan pratinjau terlebih dahulu sebelum di publikasikan.
(Source : AMP Dev)
Demikianlah tutorial singkat ini dibuat.
Semoga bermanfaat
Selamat mencoba..
Semangat Berbagi...