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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEdPY38FL0LmxijVQQDs98bq4K2AgGYfpyYQpSV1_bzwcLnRG7IhBEeBi99bjyME77rtmEdCXFlukfwBbdOX_WTlli5xQG52XIgpismWmBsEQEBq09lOzWtyaSQVIaeSLre4JrHb8he9Q/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.