Cara Menampilkan Video Youtube pada AMP Blogger

Tutorial cara embed video youtube yang benar pada blog AMP
Source: jagodesain.com

Sebelum menampilkan video Youtube pada template AMP Blogger pertama-tama tambahkan skrip dibawah ini diantara tag <head> dan </head>, tanpa kode ini video youtube tidak akan ditampilkan

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

Pada postingan tambahkan kode tag dibawah ini, ukuran dan penempatannya bisa disesuaikan terserah Anda

<amp-youtube width='480' height='270' layout='responsive' data-videoid='xxxxxxxxxxx'/>

Kode yang di blok warna adalah kode embed yang didapat dari url video Youtube. Layout yang support untuk kode diatas adalah: fill, fixed, fixed-height, flex-item, nodisplay>, responsive.

Dikarenakan keterbatasan kemampuan browser mobile, maka auto play pada <amp-youtube .../> tidak berfungsi.

You may like these posts

  1. To insert a code use <i rel="pre">code_here</i>
  2. To insert a quote use <b rel="quote">your_qoute</b>