Lazyload Video YouTube

Menyematkan banyak video YouTube langsung ke dalam postingan bisa membuat loading halaman menjadi sangat berat. Solusinya? Lazyload Video YouTube.

Fitur ini memungkinkan video hanya dimuat saat pengunjung mengkliknya, sehingga kecepatan blog/landing page Anda tetap terjaga secara optimal.

Template Lajang Spot mendukung berbagai format URL, mulai dari URL standar, shortlink youtu.be, hingga format YouTube Shorts. Mari kita lihat cara menerapkannya.

Kode Demo Lazyload Video

Cukup masukkan tautan YouTube di dalam paragraf secara sendirian (satu baris satu link). Pastikan tidak ada teks lain di baris yang sama agar script dapat bekerja secara otomatis.

Contoh Struktur HTML

Format Desktop/Web

<p class="ads-video">
<a href="https://www.youtube.com/watch?v=3qOdLxogIeA">https://www.youtube.com/watch?v=3qOdLxogIeA</a>
</p>

Format Mobile/Shortlink

<p class="ads-video">
<a href="https://youtu.be/jlXwTQFm4bA?si=S4Jo2S-5aWT6O_Re">https://youtu.be/jlXwTQFm4bA?si=S4Jo2S-5aWT6O_Re</a>
</p>

Format YouTube Shorts

<p class="ads-video">
<a href="https://www.youtube.com/shorts/NcnUWFpSWss">https://www.youtube.com/shorts/NcnUWFpSWss</a>
</p>

Demo Hasil Implementasi

Berikut adalah beberapa contoh video yang dipanggil menggunakan format URL yang berbeda-beda namun tetap tampil seragam berkat script lazyload:

https://www.youtube.com/watch?v=3qOdLxogIeA

(Contoh URL Standar Desktop)

https://youtu.be/jlXwTQFm4bA?si=S4Jo2S-5aWT6O_Re

(Contoh URL Shortlink youtu.be)

https://www.youtube.com/shorts/NcnUWFpSWss

(Contoh URL YouTube Shorts)

Dengan sistem ini, Anda tidak perlu lagi melakukan embed code yang rumit. Cukup salin dan tempel URL dari browser atau aplikasi YouTube Anda, dan biarkan script yang bekerja mengubahnya menjadi pemutar video yang ringan. Selamat mencoba!