Ikuti langkah-langkahnya berikut ini dalam memasang video youtube yang Valid AMP di blog pribadi kita:
1. Copy paste kode ini ke bagian <head> ... </head> HTML edit Template:
<script async="async" custom-element="amp-youtube" src="https://cdn.ampproject.org/v0/amp-youtube-0.1.js"></script>Namun jika ternyata sudah ada, langsung menuju ke step berikutnya.
2. Copy paste kode embed video youtube yang sudah valid AMP ini ke bagian HTML postingan, sidebar, atau homepage:
<amp-youtube data-videoid="bXx8jLM68uA" layout="responsive" width="480" height="270"> </amp-youtube>Jika sudah, rubah kode data-videoid dengan kode video kalian, untuk mendapatkan kodenya lihat tulisan yang saya tebalkan pada url berikut: https://www.youtube.com/watch?v=VNlXBaka5_Y. Serta, rubah width dan height sesuai ukuran template blog kalian.
3. Sebelum dipublikasikan, silakan Pratinjau dahulu.
Berhubung template blog andisyam ini sudah valid AMP, maka contoh hasilnya adalah sebagai berikut:
Informasi Tambahan! Awal proses saat membuka halaman postingan akan muncul gambar cover atau thumbnail video tersebut, namun kemudian akan terenskripsi menjadi sebuah video yang dapat diputar (di-play).
Baca juga:
Sebenarnya jika kalian menuju situs ampproject.org, maka mudah bagi kalian untuk belajar mengedit atau menerapkan tutorial yang ada di sana untuk membuat template Valid AMP (no error).
Semoga bermanfaat, Amin!
Open Disqus Close Disqus