Cara embed video Youtube dan diputar otomatis di blog

Cara embed atau menyematkan video Youtube di blog dan membuat video youtube diputar otomatis di blog - Memasukkan video Youtube di blog ataupun website menjadi semakin populer dilakukan oleh para blogger untuk melengkapi sebuah artikel. Karena selain membuat artikel menjadi lebih profesional, menyematkan video Youtube ke blog juga berguna untuk menambah view atau penayangan video Youtube itu sendiri.

Sambil menyelam minum air, ya mungkin itu peribahasa yang sesuai dengan kasus ini. Selain kita bisa mendapat konten untuk melengkapi artikel, kita juga sekaligus mempromosikan channel Youtube kita ( jika video yang kita embed diambil dari channel Youtube kita sendiri).

Cara embed video youtube dan diputar otomatis di blog

Lalu bagaimana cara embed video Youtube ke blog? Tenang sob, di artikel ini kami akan membagikan tips semua tentang embed video Youtube ke blog. Seperti diantaranya:Cara embed video Youtube di blog dan Cara embed video youtube di blog autoplay (diputar otomatis).

Cara Embed Video Youtube di blog Blogspot

Untuk menyematkan video Youtube di blog blogspot, pertama kali yang harus kita lakukan adalah mendapatkan kode embed dari video yang akan kita sematkan di blog kita. Silahkan ikuti tutorial lengkapnya di bawah ini:

1.  Buka web Youtube (pakai browser bukan pakai aplikasi Youtube), Lalu cari video yang akan kita embed.

2. Tekan Bagikan kemudian akan muncul pilihan kemana anda akan membagikan video tersebut.

3. Tekan < > Sematkan Kemudian akan muncul script kode dalam kotak. Lalu Salin script tersebut. Sampai di sini kita sudah mendapatkan kode embed video Youtube yang akan kita masukkan di artikel kita. kode embednya berbentuk seperti ini:

<iframe width="560" height="315" src="https://www.youtube.com/embed/uDY-ObRbXXk" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

4. Buka artikel yang akan kita semati video tadi, Pilih mode HTML kemudian tempel / pastekan kode yang sudah kita salin tadi.

5. Simpan.

Oke sampai disini kita sudah behasil menyematkan video Youtube ke artikel kita. Namun tampilan video tersebut akan kurang rapi jika dilihat dengan HP. Karena akan ada background hitam disisi atas dan bawah video. Untuk mengatasinya anda bisa merubah ukuran video tersebut. Misalnya mengganti Width menjadi 320 dan Height menjadi 180. Contoh jadinya akan seperti video berikut ini:



Cara membuat Video Youtube Autoplay / Diputar Otomatis di Blog


Untuk membuat video yang kita embed di blog bisa diputar otomatis caranya juga sangat mudah. Silahkan copy paste script berikut di halaman anda:


<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>

Ganti ID VIDEO YOUTUBE dengan id video yang kita embed. ID video ini adalah deretan huruf setelah kode embed/ di url kode embed video (Lihat yang berwarna merah pada kode embed di atas).

Penting untuk diketahui:
  • Video yang kita embed ini hanya akan diputar otomatis ketika pengunjung membuka blog kita menggunakan komputer atau desktop. Video tidak akan diputar otomatis jika pengunjung membukanya via HP atau smartphone. 
  • Video yang diputar otomatis tidak akan menambah jumlah view atau penayangan video di Youtube.

Itu adalah cara memasukkan video Youtube ke dalam artikel blog kita. Jika anda ingin embed video di sidebar, caranya sebagai berikut:

Buka Tata letak --> Tambahkan Gadget --> HTML/Javascript --> Masukkan kode embed video --> Simpan. 

Baca juga: Aplikasi video editor Android terbaik gratis tanpa watermark

Oke itulah cara mudah embed video Youtube ke blog blogspot / blogger. Semoga bermanfaat dan selamat mencoba.

Iklan Tengah Artikel 1