Skip to main content

follow us

Cara Mengatasi Error amp-iframe Ketika Menampilkan Video Youtube Di Postingan Blog Amp

Mengatasi Error amp-iframe Ketika Menampilkan Video Youtube - Seperti kita ketahui bahwa untuk menampilkan video Youtube pada blog AMP HTML bisa dengan 2 cara, yaitu dengan amp-youtube atau dengan amp-iframe.

Untuk menampilkan single video Youtube, penulis sarankan untuk menggunakan amp-youtube dan memang sepatutnya dengan menggunakan itu.

Dan untuk menampilkan playlist video Youtube, kita pun bisa menggunakan amp-youtube seperti yang sudah penulis bahas pada postingan sebelumnya.

Namun kita juga bisa menggunakan amp-iframe untuk menampilkan single video atau playlist video Youtube.

Namun ada yang harus diperhatikan ketika menggunakan amp-iframe untuk menampilkan single video atau playlist video Youtube biarnggak ada error seperti pada gambar berikut ini. Error-nya bisa kita lihat dengan inspect element pada halamannya.

Seperti ini bunyi error-nya: "Uncaught DOMException: Failed to construct 'PresentationRequest': The document is sandboxed and lacks the 'allow-presentation' flag."

Artinya di situ ada yang kurang pada sandbox amp-iframe adalah "allow-presentation".

Jadi untuk menampilkan single video atau playlist video Youtube dengan menggunakan amp-iframe, silahkan gunakan kode berikut ini dannggak akan error seperti yang penulis natural sebelumnya.


<amp-iframe allowfullscreen='' frameborder='0' height='270' layout='responsive' sandbox='allow-scripts allow-same-origin allow-popups allow-presentation' src='xxxxxxx' width='480'>
<amp-img height='270' layout='fixed-height' noloading='' placeholder='' src='https://cdn.staticaly.com/img/1.bp.blogspot.com/-x1yVa6ztsWY/WyHFPLG0uLI/AAAAAAAAyIg/3C5Lb5EjGywOPzO_XSwK1XTu6VlBZE4SgCLcBGAs/s1600/back-iframe.png'></amp-img>
</amp-iframe>

Silahkan ganti xxxxxxx dengan URL embed video Youtube maupun URL embed playlist video Youtube.

Sebagai contoh, berikut ini playlist video Youtube yang ditampilkan dengan kode di atas.

Semoga bermanfaat.

Agar mudah mengakses ELRELOAD di smartphone, klik ikon 3 titikdi browser Chrome kemudian pilih "Tambahkan ke layar utama". Selanjutnya bisa mengakses ELRELOAD dari layar utama smartphone dengan klik ikon ELRELOAD.

You Might Also Like:

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