Cara Mudah Belajar Programming,Download Software gratis,Download Ebook, Free iTunes Music dan Inject Terbaru serta Materi Kuliah and Tutorial

Trik Cara Mudah Membuat Embed Video Youtube + Diputar Otomatis (Autoplay)

Trik Cara Mudah Membuat Embed Video Youtube + Diputar Otomatis (Autoplay) - Mungkin teman teman itutorhack pernah melihat ada video youtube di suatu blog otomatis play video, dan bagaimana caranya ? Sangat mudah untuk meng-embed video Youtube ke blog atau website sobat. 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).

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', // ID Video Youtube
    width: 640,               // 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 Youtubediputar
      loop: 1,            // Mengulang video setelah 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 bisa sobat dapatkan di URL video. Letaknya ada di https://www.youtube.com/watch?v=ID VIDEO YOUTUBE

Script ini cukup fleksibel, teman teman itutorhack bisa mengatur panjang dan lebar video, mengaktifkan autoplay, menyembunyikan kontrol, menyembunyikan judul video, pengulangan video, dan sebagainya.

Bagaimana cara membuat Embed Video Youtube di blog, bagaimana cara membuat Embed Video Youtube di web, cara memasukkan Embed Video Youtube di blog, cara memasukkan Embed Video Youtube di wordpress, kelebihan Embed Video Youtube di blog, otomatis Embed Video Youtube, cara mematikan Embed Video Youtube yang autoplay, membuat Embed Video Youtube 
Share:

0 komentar:

Post a Comment

=

Copyright © Powered by Blogger Design by itutorhack.com |