Kali ini saya akan berbagai tips tentang cara embed Youtube video ID tertentu dalam playlist yang kita punyai. Cara standar yang biasa dilakukan oleh para Blogger adalah dengan embed video tertentu saja atau embed seluruh playlist ke laman blog.
Jika mengembed satu video saja ke sebuah laman blog, maka setelah video selesai diputar, bergantung pada setelan yang kita buat, apakah akan muncul rekomendasi video dari Youtuber lain di laman blog atau player akan memutar rekomendasi video itu secara otomatis.
Jika memilih untuk mengembed playlist, maka pilihannya adalah membuatnya memutar secara otomatis dari awal (memutar otomatis hanya ketika laman dibuka dengan desktop atau notebook computer), atau memutar playlist secara random, atau memutar video berdasarkan nomor pada playlist.
Namun di cara yang disebut terakhir, player akan memutar video yang berbeda ketika ada video baru ditambahkan ke dalam playlist. Jika video yang hendak diputar ada kaitannya dengan tulisan yang ada di dalam laman, maka tentu hal itu bukanlah cara yang dikehendaki.
Cara embed Youtube video berdasar nomor urut dalam index playlist itu adalah:
Dalam contoh di atas, player akan memutar video pada urutan nomor-8 dalam index playlist, karena Youtube memulai hitungan dari angka 0. Untuk setting containernya, Anda bisa lihat tulisan Membuat Embed Iframe Video Youtube Responsive 100% Width.
Nah, jika tidak ingin videonya berubah ketika ada video baru ditambahkan ke dalam playlist, maka kita harus menggunakan ID video ketika mengembednya. Cara untuk embed Youtube video dengan ID tertentu ke dalam playlist adalah menggunakan kode sebagai berikut,
Ganti ID_VIDEO dengan ID video yang hendak diputar, dan ganti ID_PLAYLIST dengan ID playlist Anda. Jika ingin agar video memutar secara otomatis ketika dibuka maka harus ditambahkan parameter mute sebagai berikut, dan ini hanya akan berfungsi pada desktop,
Jika sudah memasang script Lazysizes Lazy Loading, maka Anda bisa menggunakan kode berikut ini untuk mempercepat loading halaman,
Selamat mencoba dan semoga bermanfaat.
Jika mengembed satu video saja ke sebuah laman blog, maka setelah video selesai diputar, bergantung pada setelan yang kita buat, apakah akan muncul rekomendasi video dari Youtuber lain di laman blog atau player akan memutar rekomendasi video itu secara otomatis.
Jika memilih untuk mengembed playlist, maka pilihannya adalah membuatnya memutar secara otomatis dari awal (memutar otomatis hanya ketika laman dibuka dengan desktop atau notebook computer), atau memutar playlist secara random, atau memutar video berdasarkan nomor pada playlist.
Namun di cara yang disebut terakhir, player akan memutar video yang berbeda ketika ada video baru ditambahkan ke dalam playlist. Jika video yang hendak diputar ada kaitannya dengan tulisan yang ada di dalam laman, maka tentu hal itu bukanlah cara yang dikehendaki.Cara embed Youtube video berdasar nomor urut dalam index playlist itu adalah:
<div class="container"><iframe data-src="https://www.youtube.com/embed/videoseries?list=ID_PLAYLIST&index=7" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen class="video"></iframe></div>
Dalam contoh di atas, player akan memutar video pada urutan nomor-8 dalam index playlist, karena Youtube memulai hitungan dari angka 0. Untuk setting containernya, Anda bisa lihat tulisan Membuat Embed Iframe Video Youtube Responsive 100% Width.
Nah, jika tidak ingin videonya berubah ketika ada video baru ditambahkan ke dalam playlist, maka kita harus menggunakan ID video ketika mengembednya. Cara untuk embed Youtube video dengan ID tertentu ke dalam playlist adalah menggunakan kode sebagai berikut,
<div class="container"><iframe width="100%" height="315" src="https://www.youtube.com/embed/ID_VIDEO?list=ID_PLAYLIST" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" title="" allowfullscreen></iframe></div>
Ganti ID_VIDEO dengan ID video yang hendak diputar, dan ganti ID_PLAYLIST dengan ID playlist Anda. Jika ingin agar video memutar secara otomatis ketika dibuka maka harus ditambahkan parameter mute sebagai berikut, dan ini hanya akan berfungsi pada desktop,
<div class="container"><iframe width="100%" height="315" src="https://www.youtube.com/embed/ID_VIDEO?list=ID_PLAYLIST&autoplay=1&mute=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" title="" allowfullscreen></iframe></div>
Jika sudah memasang script Lazysizes Lazy Loading, maka Anda bisa menggunakan kode berikut ini untuk mempercepat loading halaman,
<div class="container"><iframe width="100%" height="315" data-src="https://www.youtube.com/embed/ID_VIDEO?list=ID_PLAYLIST&autoplay=1&mute=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" class="lazyload" title="" allowfullscreen></iframe></div>
Lihat Video
Selamat mencoba dan semoga bermanfaat.
Sponsored Link
Sponsored Link
Sponsored Link
Bagikan ke:
Facebook, Twitter, WhatsApp, Telegram, Email. Print!.