Template yang sudah valid AMP (Accelerated Mobile Pages) memiliki kecepatan tersendiri dibanding blog yang belum valid AMP. Namun demikian, untuk memasang beberapa hal tidak semudah memasang pada template blog biasa. Hal itu disebabkan karena 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 dari itu berikut akan saya jelaskan cara memasang video youtube pada template AMP dengan benar agar valid dan tidak didapati eror ada AMP HTMLnya.
sebenarnya Caranya sangat simple dan mudah, silahkan simak artikel Cara Memasang/Embed Video Youtube didalam Artikel/Postingan Valid AMP dibawah ini dengan baik-baik agar tidak ada kesalahan pada saat pemasangannnya.
</head>
<script async custom-element="amp-youtube" src="https://cdn.ampproject.org/v0/amp-youtube-0.1.js"></script>
komponen/js diatas sudah mendukung layout fill
, fixed
, fixed-height
, flex-item
, nodisplay
, dan responsive
<amp-youtube width="480"
height="270"
layout="responsive"
data-videoid="lBTCB7yLs8Y">
</amp-youtube>
Ganti Id Video yang saya beri tanda block berwarna kuning dengan Id Video youtub sobat
Contoh:
<amp-youtube width="480"
height="270"
layout="responsive"
data-videoid="lBTCB7yLs8Y"
autoplay>
</amp-youtube>
Ganti Id Video yang saya beri tanda block berwarna kuning dengan Id Video youtube sobat
Contoh:
Setting autoplay
akan secara otomatis memutar / menjeda video YouTube ketika digulir.
YouTube video secara otomatis dimatikan sebelum pemutaran dimulai otomatis, saat pengguna mengetuk video, video tersebut akan diputar ulang.
Jika pengguna telah berinteraksi dengan video YouTube (mis., Mute / unmutes, jeda / resume, dsb.), Dan video digulir masuk atau di luar tampilan, status video tetap seperti bagaimana pengguna meninggalkannya.
itulah artikel tentang Cara Memasang/Embed Video Youtube didalam Artikel/Postingan Valid AMP semoga bermanfaat.