Kali ini membahas Alternatif Youtube Untuk AMP HTML karena banyak nya warning di sebagian artikel karena kamu memasang beberapa video di youtube amp html maka kali ini saya akan memberikan alternatif nya . Biasa nya pemasangan youtube dengan cara menggunakan script tertentu untuk blog yang sudah valid dengan amp sedangkan setiap pemasangan video di artikel karena kamu tidak memasang video di bagian widgate maka blog yang sudah valid amp html akan terjadi warning dan kali ini saya akan memberikan Alternatif Youtube Untuk AMP HTML di blogger kamu.

Menggunakan Iframe.

Menggunakan iframe bisa membuat solusi artikel kamu yang memiliki video dan tidak ingin menggunakan tag conditional karena akan membuat banyak script tambahan di bagian atas</head> jadi kamu bisa menggunakan cara di bawah ini untuk pemasangan video nya

<amp-iframe width="520" 
height="293" 
sandbox="allow-scripts allow-same-origin allow-popups" 
frameborder="0" 
scrolling="no" 
layout=responsive
src="LINK VIDEO ">
</amp-iframe>

kode script iframe yang saya beri tanda biru bisa kamu pasang link video nya dan ukuran video bisa kamu sesuaikan sendiri . Mendapatkan link video youtube bukan link yang di bagian atas bar browser kamu yang bisa di gunakan tetapi di bagian BAGIKAN setelah kamu click button tersebut lalu kamu click bagian Sematkan dan di sana kamu bisa melihat link seperti gambar berikut Gambar di atas ini adalah link yang bisa kamu gunakan untuk menampilkan video youtube di artikel kamu jadi kamu tidak perlu repot untuk menambahkan tag di bagian </head> tetapi jika kamu ingin menggunakan script resmi nya youtube kamu bisa menggunakan script di bawah ini
<amp-youtube width="480"
height="270"
layout=responsive
data-videoid="CI-rd8wsURg">
</amp-youtube>
Code biru di atas adalah id vide nya bisa kamu lihat di bagian bar di akhir link video tersebut ini contoh nya https://www.youtube.com/watch?v=CI-rd8wsURg video ini akan tampil seperti contoh di bawah ini

Jangan Lupa di share Artikel ini dan untuk melakukan pertanyaan langsung bisa comment di bawah commentar kamu adalah salah satu dukungan dari kamu untuk website saya terimakasih

-Fery Ferlangga

Reaksi:

You Might Also Like:

Add your comment Hide comment

Disqus Comments

Hello, Tanya jawab langsung dengan admin yuk disini

Facebook Messenger ×