Tutorial Cara Embed Video YouTube AMP HTML Blogger Template

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.


Demikianlah Artikel Tutorial Cara Embed Video YouTube AMP HTML Blogger Template

Sekian Tutorial Cara Embed Video YouTube AMP HTML Blogger Template, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sekian Tutorial AMP HTML kali ini.

Anda sedang membaca artikel Tutorial Cara Embed Video YouTube AMP HTML Blogger Template dan artikel ini url permalinknya adalah https://kompidesign.blogspot.com/2016/10/tutorial-cara-embed-video-youtube-amp.html Semoga artikel ini bisa bermanfaat.

Share this:

Related Posts
Disqus Comments
×

Recent Comments: