Tutorial Cara memasang video youtube pada blog AMP


Tutorial Cara memasang video Youtube pada Blog AMP

Kali ini saya akan membagikan tutorial cara memasang atau menyisipkan video youtube pada blog yang menggunakan template AMP secara valid. Seperti pembahasan yang lalu, menggunakan template AMP berarti harus mengikuti aturan mainnya. Seperti halnya dengan memasang Video Youtube pada Blog AMP. Bila kita menggunakan template Non-AMP, untuk menampilkan video youtube pada halaman postingan blog, cukup dengan menggunakan kode "iframe".
Contoh code blog NON-AMP:
<iframe width="560" 
height="315" 
src="https://www.youtube.com/embed/EP5hc1rbon0" 
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
Kode seperti di atas juga bisa tampil pada halaman AMP, tetapi ketika di validasi, akan menampilkan pesan error, atau tidak valid AMP.

Agar menjadi Valid AMP, ketika melakukan pengujian AMP, maka ubah kode di atas menjadi seperti dibawah:
<amp-youtube width="480"
height="270"
layout=responsive
data-videoid="EP5hc1rbon0">
</amp-youtube> 
Kita cukup menyesuaikan ukuran width dan height. Sedangkan kode pada data-videoid merupakan kode video youtube kita.
contoh: https://www.youtube.com/embed/EP5hc1rbon0 , kode EP5hc1rbon0 ini adalah data-videoid



Related Posts

Tambahkan Komentar Sembunyikan