By The Way "Ngomong-Ngomong" "Ngemeng-Ngemeng" sudah ada yang coba pasang video dari youtube di postingan blog yang valid AMP belum nih?? Saya yakin pasti ada diantara kalian yang yang sudah memasang video dari youtube di blog sobat yang valid AMP. Nah bagi sobat yang belum memasang video dari youtube di blog valid AMP, maka pada kesempatan kali ini saya akan mengulas cara memasang video dari youtub di postingan valid AMP.
Caranya sangat simple dan mudah kok, jadi harap cermati baik-baik agar tidak ada kesalahan pada saat pemasangannnya.
1. Pasang komponen amp-youtube berikut ini, tepat di bawah code <head> atau diatas code </head>
<script async custom-element="amp-youtube" src="https://cdn.ampproject.org/v0/amp-youtube-0.1.js"></script>komponen diatas sudah mendukung layout
fill, fixed, fixed-height, flex-item, nodisplay, responsive2. Pasang code berikut ini di dalam postingan yang akan sobat buat,
Untuk versi dasar (non auto play) gunakan code dibawah ini
<amp-youtube width="480"
height="270"
layout="responsive"
data-videoid="lBTCB7yLs8Y">
</amp-youtube>Contoh:
Dan untuk versi Autoplay maka gunakan code berikut ini
<amp-youtube width="480"
height="270"
layout="responsive"
data-videoid="lBTCB7yLs8Y"
autoplay>
</amp-youtube>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.
Nah.... bagaimana?? Mudah kan cara memasang video youtube di postingan blog valid AMP HTML. Ok kalau begitu saya pamit undur diri dan semoga postingan ini bermanfaat bagi sobat sekalian. Jika ada yang perlu di tanyakan silahkan tinggalkan komentar sobat di bawah ini ya...
Thanks...🙏 🙏 🙏