Tutorial Cara Memutar Ulang Video Youtube

Mengulang video Youtube otomatis. Ikuti panduan ini, dapatkan video berulang tanpa klik.

Ringkasan Panduan

Anda akan menambahkan parameter loop ke URL embed, menyisipkan kode HTML, menguji pemutaran, dan memperbaiki masalah umum. Panduan ini cocok bagi webmaster, pembuat konten, atau pelajar yang ingin menampilkan video berulang di situs.

Fitur utama: parameter loop, playlist otomatis, kontrol JavaScript untuk restart.

Sebelum Memulai

Browser modern (Chrome, Firefox, Edge)
Koneksi internet aktif
ID video Youtube yang ingin diulang
Hak edit pada halaman HTML target

1. Buka Halaman Video

Temukan video di Youtube, salin URL. URL diperlukan untuk menghasilkan kode embed.

2. Tambahkan Parameter Loop

Ubah URL menjadi format https://www.youtube.com/embed/VIDEO_ID?loop=1&playlist=VIDEO_ID. Parameter loop=1 mengaktifkan pengulangan, playlist memastikan video tetap berulang.

3. Sisipkan Kode Embed

Masukkan kode berikut ke dalam HTML halaman.

<iframe width="560" height="315"
src="https://www.youtube.com/embed/VIDEO_ID?loop=1&playlist=VIDEO_ID"
frameborder="0"
allow="autoplay; encrypted-media"
allowfullscreen></iframe>

Ganti VIDEO_ID dengan ID video sebenarnya.

4. Tambahkan Skrip Restart (Opsional)

Jika browser tidak mematuhi parameter, gunakan JavaScript untuk memaksa ulang.

const player = document.querySelector('iframe');
player.addEventListener('load', () => {
  const src = player.src;
  player.src = '';
  setTimeout(() => { player.src = src; }, 100);
});

Skrip ini mengosongkan src lalu mengembalikannya, memicu pemutaran ulang.

5. Uji Pemutaran

Buka halaman di browser, pastikan video mulai otomatis dan kembali ke awal setelah selesai. Periksa konsol untuk error JavaScript.

Tips dan Kesalahan Umum

Gunakan playlist yang sama dengan VIDEO_ID, bila tidak video berhenti setelah satu putaran.
Jangan menambahkan autoplay=1 tanpa izin pengguna, dapat diblokir oleh browser.
Pastikan tidak ada tag allowfullscreen yang dihapus, karena memengaruhi kontrol.
Jika video tidak mengulang, periksa apakah URL mengandung parameter lain yang menimpa loop.
Hindari menempelkan kode di dalam elemen yang memiliki CSS display:none, karena iframe tidak akan memuat.

Gunakan hanya perangkat lunak yang diperoleh secara sah.