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

by

Youtube valid AMPTemplate 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.

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

    • Leave a Comment