Berguna untuk menunda pemuatan video Youtube setelah pengguna menggulir halaman.
<!--[ Lazy youtube ]-->
<div class='lazyYt' data-embed='Youtube_video_ID'>
<div class='play'>
<svg viewbox='0 0 213.7 213.7'><polygon class='t' points='73.5,62.5 148.5,105.8 73.5,149.1'></polygon><circle class='c' cx='106.8' cy='106.8' r='103.3'></circle></svg>
</div>
</div>
Menunda pemuatan iframe dengan fungsi defer.js :
<!--[ Lazysize iframe ]-->
<div class='videoYt'>
<iframe title='Lazy Iframe' class='lazy' data-src='//www.youtube.com/embed/xxxx' allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture' allowfullscreen></iframe>
</div>
- Ubah bagian yang ditandai dengan ID video Youtube yang ingin Anda tampilkan.
-
ID video dapat ditemukan di url video youtube. misal :
youtube.com/watch?v=E7NgR0LEMbI