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


Use parse tool to easy get the text style on disqus comments:

Show ParserHide Parser