Widget YouTube Player Playlist Mengambang di Kanan Bawah

Berikut adalah langkah-langkah untuk membuat widget YouTube Player Playlist mengambang di kanan bawah untuk Blogger:

Dan ini adalah versi kode yang telah diperbarui agar auto play aktif ketika widget dimuat. Untuk mengaktifkan auto play di YouTube embed, kita tambahkan parameter autoplay=1 pada URL.

Kode dengan Auto Play:

<div id="floating-youtube-player">
  <iframe id="youtube-player" 
          src="https://www.youtube.com/embed?listType=playlist&list=PLzjMU5FRsUuXW3IEnqkHHaGymce2lQS2M&autoplay=1" 
          frameborder="0" allow="autoplay; fullscreen" allowfullscreen>
  </iframe>
  <button id="close-player" onclick="closePlayer()">✖</button>
</div>

<style>
  /* Styling player agar mengambang di kanan bawah */
  #floating-youtube-player {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 300px;
    height: 170px;
    background: #000;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    overflow: hidden;
  }

  #floating-youtube-player iframe {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 10px;
  }

  #close-player {
    position: absolute;
    top: 5px;
    right: 5px;
    background: rgba(255, 255, 255, 0.7);
    border: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #close-player:hover {
    background: rgba(255, 0, 0, 0.8);
    color: #fff;
  }
</style>

<script>
  function closePlayer() {
    document.getElementById("floating-youtube-player").style.display = "none";
  }
</script>

Perubahan yang Dilakukan:

1. Auto Play Ditambahkan
   Pada URL iframe, parameter autoplay=1 telah ditambahkan:

   https://www.youtube.com/embed?listType=playlist&list=PLzjMU5FRsUuXW3IEnqkHHaGymce2lQS2M&autoplay=1
   

2. Izin Auto Play
   Properti allow="autoplay; fullscreen" ditambahkan ke elemen <iframe> agar browser mengizinkan pemutaran otomatis.

Cara Menggunakannya:

1. Masuk ke Blogger > Tata Letak > Tambahkan Gadget > HTML/Javascript.
2. Tempelkan kode di atas.
3. Simpan, lalu buka blog Anda untuk menguji widget.

Hasil:

• Playlist akan otomatis diputar saat halaman dimuat.
• Posisi widget tetap mengambang di kanan bawah.
• Masih ada tombol untuk menutup player jika diperlukan.

Jika ada yang perlu disesuaikan, beri tahu saya! 😊