Cara Memasang Video YouTube di Template AMP
Cara Memasang Video YouTube di Template AMP – Template yang sudah valid AMP (Accelerated Mobile Pages) memiliki kecepatan yang luar biasa. Namun demikian, untuk memasang beberapa hal tidak semudah memasang pada template lainnya. Hal itu terjadi karena antara kode HTML dan AMP sendiri memiliki perbedaan yang bisa dibilang lumayan.
Salah satu perbedaan yang sangat mencolok adalah kode image (gambar). Demikian juga saat memasang video dalam hal ini video Youtube harus memenuhi standar dalam kode AMP sendiri.
Maka berikut akan kami uraikan cara menyisipkan atau embed video youtube pada template AMP dengan benar agar valid dan tidak didapati eror.
Cara Memasang Video Youtube di Template AMP
Untuk embed video Youtube di blog AMP, maka template yang Anda gunakan harus sudah di pasang terlebih dahulu script amp-youtube. Untuk menyimpan video Youtube pada template valid AMP HTML untuk Blogspot yaitu di tag <head> harus terdapat script amp-youtube
Contoh:
<script async='async' custom-element='amp-youtube' src='https://cdn.ampproject.org/v0/amp-youtube-0.1.js'/>
Setelah sudah terpasang script amp-youtube seperti di atas, maka sekarang cara penulisan postingan. Saat Anda memposting atau hendak memasang video youtube di postingan, maka silahkan gunakan kode berikut ini dalam HTML (ukuran video width dan height silahkan disesuaikan) :
<amp-youtube width="480"
height="270"
layout=responsive
data-videoid="XXXXXXXX">
</amp-youtube>
Keterangan:
Kode XXXXXX adalah kode yang didapat dari URL Youtube.
Layout yang support untuk kode video adalah sebagai berikut fill, fixed, fixed-height, flex-item, nodisplay, responsive
Demikian untuk ulasan tentang cara memasang video youtube di template AMP. Semoga bermanfaat untuk teman-teman semuanya!
Source:
https://www.ampproject.org/docs/reference/components/amp-youtube
