Video youtube autoplay tanpa suara diharapkan tidak menggangu pengunjung blog, ketika mejelajahi halaman blog. Namun gerakan yang ditimbulkan pada video dapat menjadi daya tarik untuk dilirik bersamaan dengan membaca pesan dalam blog.
- Pada Dasboard blogger
- Pada panel Tambahkan Gadget > pilih HTML/JavaScript.
- Lalu copy code dibawah ini
<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: 'Code Tayang 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>- Perhatikan Gambar berikut:
Ganti teks code tayang pada code terlampir, dengan code tayang yang diberikan oleh YouTube pada vidoe yang ingin di tempelkan (embed) pada Blog.
Terakhir sisipkan code tersebut di blogger kalian, letaknya sesuai yang kalian inginkan.
Secara umum format video 16:9 bentuk persegi (widescreen), atau format 4:3.
- Pada baris width dan height, sesuaikan ukuran yang diinginkan dengan tampilan pada halaman Blog
- Posisikan gadget yang diingin, dimana video akan ditampilkan.
Baca Juga: Menyematkan video & laylist - Bantuan YouTube
Beberapa contoh code AutoPlay Youtube Pada blog yang dapat digunakan sebagai gadget.
Berdasarkan Code Tayang.
<iframe id="ytplayer" type="text/html" width="560" height="349" src="https://www.youtube.com/embed/fFKYagqNi34?autoplay=1&origin=http://example.com" frameborder="0"></iframe>
Berdasarkan Username
<iframe id="ytplayer" type="text/html" width="640" height="360" src="https://www.youtube.com/embed?listType=user_uploads&list=USERNAME?autoplay=1&origin=http://example.com" frameborder="0"></iframe>
Berdasarkan Query
<iframe id="ytplayer" type="text/html" width="640" height="360" src="https://www.youtube.com/embed?listType=search&list=QUERY?autoplay=1&origin=http://example.com" frameborder="0"></iframe>
Semoga Sukses.
0 Komentar