Embed Video Youtube Dan Diputar Otomatis (Autoplay)
Sangat gampang untuk meng-embed video Youtube ke blog atau website sobat. Metode ini sudah usang digunakan dan tetap eksis hingga sekarang. Hanya saja, Youtube secara resmi belum menunjukkan susukan kustomasi pemutar video secara maksimal.
Namun ada cara gampang untuk mengatasi limitasi tersebut. Beberapa web developer mencoba memodifikasi instruksi embed video semoga sesuai dengan keinginan.
Misalnya dengan menghilangkan kontrol video, menghilangkan tampilan judul, dan fitur pemutaran otomatis (autoplay) menyerupai pada video ini:
Oh ya, jikalau video di atas mengganggu, silahkan pause :v
Disini aku akan membagikan trik semoga embed video Youtube sanggup berputar otomatis saat dimuat.
Biasanya aplikasi autoplay ini sering digunakan untuk tujuan khusus menyerupai iklan, perkenalan, promosi, atau menunjukkan konten yang menarik.
Well, apapun itu buat sekreatif sobat.
Berikut ini instruksi embed untuk menampilkan video Youtube yang diputar otomatis:
<div id="muteYouTubeVideoPlayer"></div>
<script async src="https://www.youtube.com/iframe_api"></script>
<script>
function onYouTubeIframeAPIReady() {
var player;
player = new YT.Player('muteYouTubeVideoPlayer', {
videoId: 'ID VIDEO YOUTUBE', // ID Video Youtube
width: 640, // panjang video (in px)
height: 360, // lebar video (in px)
playerVars: {
autoplay: 1, // Auto-play saat video dimuat
controls: 0, // Menyembunyikan play/pause
showinfo: 0, // Menyembunyikan judul video
modestbranding: 0, // Menyembunyikan logo Youtubediputar
loop: 1, // Mengulang video sesudah selesai
fs: 0, // Menyembunyikan tombol fullscreen
cc_load_policty: 0, // Menyembunyikan captions
iv_load_policy: 3, // Menyembunyikan anotasi
autohide: 1 // Menyembunyikan kontrol video
},
events: {
onReady: function(e) {
e.target.mute();
}
}
});
}
</script>
Untuk ID video sanggup sahabat dapatkan di URL video. Letaknya ada di https://www.youtube.com/watch?v=ID VIDEO YOUTUBE
Script ini cukup fleksibel, sahabat sanggup mengatur panjang dan lebar video, mengaktifkan autoplay, menyembunyikan kontrol, menyembunyikan judul video, pengulangan video, dan sebagainya.
Jika ada pertanyaan, jangan ragu untuk menulisnya di kolom komentar :)
0 Response to "Embed Video Youtube Dan Diputar Otomatis (Autoplay)"
Posting Komentar