Cara Memasang/Embed Video Youtube didalam Artikel/Postingan Valid AMP

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.

Pertama Silahkan Pasang js amp-youtube berikut ini, tepat diatas kode </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

Kedua Pasang kode dibawah ini di dalam postingan/artikel yang akan anda buat.

Untuk versi (non auto play) gunakan kode dibawah ini

			<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:

Dan untuk versi Autoplay (memutar otomatis) silahkan gunakan kode berikut ini.

			<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.