Begini Cara Menampilkan Video Youtube pada AMP Blogger
Ditulis pada: April 15, 2021
Agar template AMP anda support Menampilkan Video Youtube anda perlu menambahkan script css didalam template. Gunanya, adalah membuat jalan dalam memanggil video pada artikel.
Sebelum menampilkan video Youtube pada template AMP Blogger pertama-tama tambahkan script dibawah ini, letakkan 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 saat membuat postingan, silahkan tambahkan kode tag dibawah ini, ukuran dan penempatannya bisa disesuaikan terserah Anda
<amp-youtube width='480' height='270' layout='responsive' data-videoid='xxxxxxxxxxx'/>
Silahkan gandi kode yang di blok warna, gunakan kode embed yang didapat dari url video Youtube. Layout yang support untuk kode diatas adalah: fill, fixed, fixed-height, flex-item, nodisplay>, responsive.
Namun, tidak semua browser smartphone mendukung kinerja youtube autoplay, Karena keterbatasan kemampuan browser mobile ini, maka auto play pada <amp-youtube .../> tidak berfungsi.
Demikian Cara Menampilkan Video Youtube pada AMP Blogger. Langkah-langkahnya sangat sederhana dan tidak ribet. Terimakasih sudah mampir diblog sederhana ini.