Cara autoplay video YouTube yang di-embed

Poin penting

• Tambahkan autoplay=1&mute=1 ke URL embed — browser hanya mengizinkan autoplay tanpa suara secara andal.

• Tambahkan playsinline=1 untuk iPhone dan allow="autoplay" pada iframe.

• Ulangi satu video dengan loop=1&playlist=VIDEO_ID.

• Mulai autoplay hanya saat video terlihat atau saat popup terbuka.

Kode embed autoplay

<iframe src="https://www.youtube.com/embed/VIDEO_ID?autoplay=1&mute=1&playsinline=1"
  title="YouTube video" allow="autoplay; encrypted-media; picture-in-picture"
  allowfullscreen></iframe>

Atau buat dengan generator kode embed YouTube kami — aktifkan Autoplay.

Autoplay dan loop

Untuk mengulang, tambahkan loop=1&playlist=VIDEO_ID — YouTube hanya mengulang satu video jika parameter playlist mengulang ID-nya.

Mengapa autoplay YouTube tidak berfungsi

• mute=1 tidak ada.

• Iframe tidak memiliki allow="autoplay".

• Pemilik video menonaktifkan embed.

• Di iPhone, playsinline=1 tidak ada.

Autoplay di galeri

Cara tanpa kode

Tampilkan kanal atau playlist YouTube dalam galeri; video yang dipilih diputar di tempat.

Coba Elfsight Video Gallery

Parameter pemutar YouTube untuk autoplay dan pemutaran

Daftar lengkap: YouTube embedded player parameters.

Autoplay hanya saat video terlihat di layar

Memutar otomatis video yang jauh di bawah halaman membuang bandwidth. Gunakan IFrame API dan IntersectionObserver agar video dimulai hanya saat terlihat:

<div id="yt"></div>
<script src="https://www.youtube.com/iframe_api"></script>
<script>
  let player;
  function onYouTubeIframeAPIReady() {
    player = new YT.Player("yt", {
      videoId: "VIDEO_ID",
      playerVars: { mute: 1, playsinline: 1, rel: 0 }
    });
    new IntersectionObserver(([e]) => {
      if (!player.playVideo) return;
      e.isIntersecting ? player.playVideo() : player.pauseVideo();
    }, { threshold: 0.5 }).observe(document.getElementById("yt"));
  }
</script>

Autoplay YouTube di WordPress, Shopify, Wix, dan Squarespace

• WordPress: blok Embed tidak menyediakan autoplay — tempel iframe dengan autoplay=1&mute=1 ke blok Custom HTML.

• Shopify: tambahkan iframe ke bagian Custom Liquid.

• Wix: gunakan Embed HTML dengan kode iframe.

• Squarespace: gunakan blok Code dengan iframe.

Generator kode embed YouTube kami membuat iframe dengan parameter yang tepat.

Daftar periksa pemecahan masalah

1. 1.

   Apakah dibisukan?

   Tanpa mute=1, sebagian besar browser memblokir autoplay.

2. 2.

   Apakah autoplay diizinkan di iframe?

   Atribut allow harus menyertakan autoplay.

3. 3.

   Apakah berada di tab atau popup tersembunyi?

   Pemutar yang dimulai dalam keadaan tersembunyi mungkin tidak autoplay; mulai saat ditampilkan.

4. 4.

   Apakah embed diizinkan?

   Sebagian video menonaktifkan embed — video itu tidak akan diputar di situs lain.

5. 5.

   Apakah halaman memakai banner cookie?

   Alat persetujuan dapat memblokir YouTube sampai pengunjung menyetujui.

Praktik terbaik untuk autoplay

• Autoplay klip pendek tanpa suara; biarkan orang memulai video yang lebih panjang sendiri.

• Tampilkan teks agar autoplay tanpa suara tetap menyampaikan pesan.

• Hindari beberapa video autoplay dalam satu halaman.

Mengapa browser memblokir autoplay dengan suara

Suara yang tak terduga adalah salah satu keluhan paling umum tentang website, sehingga browser membatasinya. Chrome selalu mengizinkan autoplay tanpa suara dan mengizinkan suara hanya setelah pengguna berinteraksi dengan situs atau punya riwayat menonton media di sana. Safari di iPhone dan iPad mengizinkan autoplay inline tanpa suara, tetapi tidak dengan suara. Aturan praktisnya sederhana: autoplay tanpa suara, dan biarkan orang menyalakan suaranya. Latar belakang: kebijakan autoplay Chrome.

Autoplay playlist YouTube

<iframe
  src="https://www.youtube.com/embed/videoseries?list=PLAYLIST_ID&autoplay=1&mute=1"
  title="YouTube playlist" allow="autoplay; encrypted-media" allowfullscreen></iframe>

Video pertama dimulai tanpa suara dan playlist berlanjut secara otomatis.

Autoplay di dalam popup atau modal

Jangan muat iframe sebelum popup terbuka — jika tidak, video akan diputar dalam keadaan tersembunyi. Sisipkan iframe (atau panggil playVideo() lewat API) di handler klik yang membuka popup. Karena klik adalah gestur pengguna, banyak browser bahkan mengizinkan suara. Hapus atau jeda pemutar saat popup ditutup.

Autoplay, kecepatan, dan SEO

Embed autoplay memuat pemutar YouTube seketika, yang menambah bobot halaman. Gunakan autoplay hanya untuk momen hero di bagian atas halaman, dan lazy-load embed lainnya agar tidak bersaing dengan konten utama Anda. Mesin pencari tidak memberi imbalan untuk autoplay itu sendiri — mereka memberi imbalan untuk halaman yang membuat orang bertahan.