Skip to main content

Begini Cara Menampilkan Video Youtube pada AMP Blogger

Cara Menampikan Video Youtube Pada AMP Ensiklopedi Otomotif - Bagaimana Cara Menampilkan Video Youtube pada AMP Blogger? Pada artikel kali ini akan saya bahas secara tuntas kepada anda. Tidak ada yang sulit dalam menampilkan atau embed video dari youtube di artikel AMP Blogger.

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.

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar
Tutup Komentar