Gömülü YouTube videoları nasıl otomatik oynatılır

Önemli noktalar

• Gömme URL'sine autoplay=1&mute=1 ekleyin; tarayıcılar yalnızca sessiz otomatik oynatmaya güvenilir şekilde izin verir.

• iPhone için playsinline=1, iframe'e de allow="autoplay" ekleyin.

• Tek bir videoyu loop=1&playlist=VIDEO_ID ile döngüye alın.

• Otomatik oynatmayı yalnızca video görünür olduğunda veya bir açılır pencere açıldığında başlatın.

Otomatik oynatma gömme kodu

<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>

Ya da YouTube gömme kodu oluşturucumuzla üretin: Otomatik oynatma'yı açın.

Otomatik oynatma ve döngü

Döngü için loop=1&playlist=VIDEO_ID ekleyin; YouTube, tek bir videoyu yalnızca playlist parametresi kimliğini tekrarladığında döngüye alır.

YouTube otomatik oynatma neden çalışmıyor

• mute=1 eksik.

• iframe'de allow="autoplay" yok.

• Video sahibi gömmeyi devre dışı bırakmış.

• iPhone'da playsinline=1 eksik.

Galeride otomatik oynatma

Kodsuz yol

Bir YouTube kanalını veya oynatma listesini galeride gösterin; seçilen video yerinde oynar.

Elfsight Video Gallery'yi deneyin

Otomatik oynatma ve oynatma için YouTube oynatıcı parametreleri

Tam liste: YouTube gömülü oynatıcı parametreleri.

Videoyu yalnızca görünür olduğunda otomatik oynatma

Sayfanın çok aşağısındaki bir videoyu otomatik oynatmak bant genişliği israfıdır. Yalnızca görünür olduğunda başlatmak için IFrame API'sini ve bir IntersectionObserver kullanın:

<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>

WordPress, Shopify, Wix ve Squarespace'te YouTube otomatik oynatma

• WordPress: Gömme bloğu otomatik oynatmayı sunmaz; autoplay=1&mute=1 içeren bir iframe'i Özel HTML bloğuna yapıştırın.

• Shopify: iframe'i bir Özel Liquid bölümüne ekleyin.

• Wix: iframe koduyla HTML Göm'ü kullanın.

• Squarespace: iframe'li bir Kod bloğu kullanın.

YouTube gömme kodu oluşturucumuz iframe'i doğru parametrelerle oluşturur.

Sorun giderme kontrol listesi

1. 1.

   Sessiz mi?

   mute=1 olmadan çoğu tarayıcı otomatik oynatmayı engeller.

2. 2.

   iframe'de otomatik oynatmaya izin var mı?

   allow özniteliği autoplay içermelidir.

3. 3.

   Gizli bir sekmenin veya açılır pencerenin içinde mi?

   Gizli başlayan oynatıcılar otomatik oynamayabilir; gösterildiklerinde başlatın.

4. 4.

   Gömmeye izin veriliyor mu?

   Bazı videolar gömmeyi kapatır; diğer sitelerde oynamazlar.

5. 5.

   Sayfada çerez bannerı var mı?

   Onay araçları, ziyaretçiler kabul edene kadar YouTube'u engelleyebilir.

Otomatik oynatma için iyi uygulama

• Kısa, sessiz klipleri otomatik oynatın; daha uzun videoları insanların kendilerinin başlatmasına izin verin.

• Sessiz otomatik oynatma yine de anlatabilsin diye altyazı gösterin.

• Bir sayfada otomatik oynayan birden çok videodan kaçının.

Tarayıcılar sesli otomatik oynatmayı neden engeller

Beklenmedik ses, web sitelerine yönelik en yaygın şikâyetlerden biridir, bu yüzden tarayıcılar onu kısıtlar. Chrome sessiz otomatik oynatmaya her zaman izin verir; sese ise yalnızca kullanıcı siteyle etkileşime geçtikten sonra veya sitede medya izleme geçmişi varsa izin verir. iPhone ve iPad'deki Safari, sessiz satır içi otomatik oynatmaya izin verir ama sesliye vermez. Pratik kural basit: sessiz otomatik oynatın ve sesi insanların açmasına izin verin. Arka plan: Chrome'un otomatik oynatma politikası.

YouTube oynatma listesini otomatik oynatma

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

İlk video sessiz başlar ve oynatma listesi otomatik olarak devam eder.

Açılır pencere veya modal içinde otomatik oynatma

iframe'i açılır pencere açılana kadar yüklemeyin; aksi halde gizliyken oynar. iframe'i (veya API ile playVideo() çağrısını) açılır pencereyi açan tıklama işleyicisine ekleyin. Tıklama bir kullanıcı hareketi olduğundan birçok tarayıcı sese bile izin verir. Açılır pencere kapanınca oynatıcıyı kaldırın veya duraklatın.

Otomatik oynatma, hız ve SEO

Otomatik oynayan bir gömme, YouTube oynatıcısını hemen yükler ve sayfaya ağırlık katar. Otomatik oynatmayı ekranın üst kısmındaki kahraman anlarına saklayın, diğer gömmeleri ise ana içeriğinizle yarışmasınlar diye tembel yükleyin. Arama motorları otomatik oynatmanın kendisini ödüllendirmez; insanların kaldığı sayfaları ödüllendirir.