Cara Embed Video Youtube dan Diputar Otomatis (Autoplay)

Oke menjawab pertanyaan Kang @Lutfi dan Kang @Pandu di GC Mata Panda Crew ( WhatsApp )

Sangat mudah untuk meng-embed video Youtube ke blog atau website kalian. Metode ini sudah lama digunakan dan tetap eksis sampai sekarang. Hanya saja, Youtube secara resmi belum memberikan akses kustomasi pemutar video secara maksimal.

Namun ada cara mudah untuk mengatasi limitasi tersebut. Beberapa web developer mencoba memodifikasi kode embed video agar sesuai dengan keinginan.

Misalnya dengan menghilangkan kontrol video, menghilangkan tampilan judul, dan fitur pemutaran otomatis (autoplay) seperti pada video ini:

Oh ya, kalau video di atas mengganggu, silahkan pause :v

Disini saya akan membagikan trik agar embed video Youtube dapat berputar otomatis ketika dimuat.

Biasanya aplikasi autoplay ini sering dipakai untuk tujuan khusus seperti iklan, perkenalan, promosi, atau memberikan konten yang menarik.

Well, apapun itu buat sekreatif sobat.

Berikut ini kode 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', // YouTube Video ID  
   width: 600,        // panjang video (in px)  
   height: 360,       // lebar video (in px)  
   playerVars: {  
    autoplay: 1,    // Auto-play ketika video dimuat  
    controls: 0,    // Menyembunyikan play/pause  
    showinfo: 0,    // Menyembunyikan judul video  
    modestbranding: 0, // Menyembunyikan logo Youtube ketika video diputar  
    loop: 1,      // Mengulang video lagi ketika selesai diputar  
    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 bisa sobat dapatkan di URL video. Letaknya ada di https://www.youtube.com/watch?v=ID VIDEO YOUTUBE

Script ini cukup fleksibel, sobat bisa 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 :)