SUBSCRIBE YOUTUBE

TUTORIAL MEMBUAT VIDEO YOUTUBE AUTOPLAY PADA BLOG

 


Cara Otomatis Memutar Video YouTube di Blogger

Apakah kamu seorang blogger yang ingin menambahkan sentuhan interaktif pada blogmu? Salah satu cara menarik untuk meningkatkan pengalaman pengunjung adalah dengan menambahkan video YouTube yang diputar otomatis saat halaman dibuka. Ini bisa menjadi fitur yang efektif untuk memperkenalkan konten video yang kamu anggap penting tanpa harus mengandalkan pengunjung untuk menekan tombol play.

Dalam panduan ini, saya akan membagikan langkah-langkah sederhana untuk menambahkan gadget video YouTube yang diputar otomatis di blog Blogger. Dengan mengikuti tutorial ini, kamu bisa menambahkan video apa saja dari YouTube dan membuatnya mulai diputar segera setelah pengunjung membuka halaman blogmu. Teknik ini sangat cocok untuk menampilkan video pengantar, iklan, atau video promosi yang ingin kamu tonjolkan.

Mari kita mulai dan lihat bagaimana kamu bisa melakukannya hanya dengan beberapa langkah mudah!

Untuk membuat kode gadget di Blogger yang otomatis memutar video YouTube, kamu bisa menambahkan HTML/JavaScript gadget di layout Blogger. Berikut adalah langkah-langkah dan kode yang bisa kamu gunakan:


Langkah-langkah:

  1. Masuk ke Dashboard Blogger.
  2. Pilih Tata Letak (Layout).
  3. Klik Tambahkan Gadget di area yang kamu inginkan (biasanya sidebar atau bagian utama).
  4. Pilih HTML/JavaScript.
  5. Tempelkan kode di bawah ini ke dalam kotak konten.
  6. Klik Simpan
<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto;">
    <iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID?autoplay=1&mute=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe>
</div>

Penjelasan:

  • Gantilah VIDEO_ID dengan ID video YouTube yang ingin kamu tampilkan dan putar otomatis.
  • ?autoplay=1 memastikan video diputar secara otomatis.
  • &mute=1 memastikan video dimulai dalam keadaan mute (dimatikan suaranya) karena beberapa browser memblokir autoplay jika audio tidak dimatikan.

Contoh:

Jika video ID adalah dQw4w9WgXcQ, maka kode yang digunakan adalah:

<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto;">

    <iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ?autoplay=1&mute=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe>

</div>


SELAMAT MENCOBA



Komentar

Posting Komentar