Halo !!! Saya Kang Ismet, ini adalah blog tentang AMP HTML dan cara penerapannya

Cara Embed Video YouTube AMP HTML Blogger Template

amp-youtube


Untuk menyimpan video Youtube pada template valid AMP HTML untuk Blogger / Blogspot, pada tag <head> harus terdapat script amp-youtube seperti ini :

<script async='async' custom-element='amp-youtube' src='https://cdn.ampproject.org/v0/amp-youtube-0.1.js'/>

kemudian cara penulisan pada template / postingan seperti ini (ukuran di sesuaikan) :

  <amp-youtube width="480"
      height="270"
      layout=responsive
      data-videoid="lBTCB7yLs8Y">
  </amp-youtube>

Kode lBTCB7yLs8Y adalah kode yang didapat dari URL Youtube. Contoh video dengan menerapkan kode di atas, seperti ini :




Layout yang support: fill, fixed, fixed-height, flex-item, nodisplay, responsive
Karena terbatasnya kemampuan browser mobile, maka tidak bisa auto play untuk amp-youtube ini.