Youtube için yeni gömme kodu stilini kullanarak bir videoyu nasıl otomatik olarak oynatabilirim?


166

Youtube için yeni gömme kodu stilini kullanarak bir videoyu otomatik oynatmayı çalışamıyorum . Eski stille çalışan URL'ye & autoplay = 1 eklemeyi denedim, ancak işe yaramadı. Örneğin, http://www.youtube.com/embed/JW5meKfy3fY yerleştirme bağlantısıdır, ancak http://www.youtube.com/embed/JW5meKfy3fY&autoplay=1 çalışmaz. Biri bana nasıl yapılacağını söyleyebilir mi? Teşekkürler


2
Bu modası geçmiş. 'mute = 1' artık gerekli. Bkz. StackOverflow Makalesini Yanıtlama
Trevor

Evet, otomatik oynatmanın kromda çalışması için? Autoplay = 1 & mute = 1 eklemem gerekiyordu. Teşekkürler
john blair

Netleştirmek gerekirse, Chrome yalnızca videonun sesi kapatıldığında otomatik oynatmaya izin verir mi? Ses açıkken otomatik oynatmayı zorlamanın bir yolu yok mu?
webrightnow

Yanıtlar:


362

Videonun otomatik yükleneceği URL'ye "? Autoplay = 1" koyun.

URL'niz şöyle olur: http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1

Eğer sadece yapmak, devre dışı autoplay istiyorum 1için 0olduğu gibi ?autoplay=0


7
Bu şu an itibariyle işe yaramıyor gibi görünüyor. 1 hafta önce mükemmel çalıştı.
Peeja

23
Video kimliğinden sonraki ilk parametrenin "?" , "&" ile eklenmesi gereken SONRA tüm parametreler. Örneğin "? Rel = 0 & autoplay = 1" olsaydı "? Autoplay = 1 & rel = 0" ile aynı olurdu ve ikisi de işe yarayacaktır.
Thanos

8
Bu cevap hala 2016'da çalışıyor. Google'da açılan ilk sonuç olduğu için sadece bilgi eklemek.
Florian Rachor

2
Goog sonuçlarında bu kadar yüksek olduğu için bazı ek açıklamalar. URL'nin "?" İfadesinin ardından gelen bölümü Sorgu Dizesi'dir ve ihtiyacınız olan şey '1' değerine sahip 'otomatik oynat' anahtarıdır. Örneğin, '... / embed / JW5meKfy3fY? Autoplay = 1? Rel = 1' de yanlış olur çünkü '1? Rel = 1' değerine sahip 'otomatik oynat' olur. Sorgu Dizesi '?' İle başlar ve '&' sembolü ile anahtar = değer çiftlerine ayrılır. en.wikipedia.org/wiki/Query_string#Structure
knickum

3
2017 için güncelleme: Şimdi iframe'in bir tane daha conf eklemesi gerekiyor: developers.google.com/web/updates/2017/09/… 'a göre izin ver "" otomatik oynat "a izin verin, böylece iframe'iniz şöyle kilitlenir: <iframe src="http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1" allow="autoplay"></iframe>
vityapro

31

Aslında, "?" yalnızca ilk parametreniz için "&" yerine. Birden fazla parametre kullanırsanız, zincire "&" eklemeniz gerekir.

Örneğin, otomatik oynatma ve altyazı eklemek istiyorsanız, bu bölümü katıştırılmış video URL'nize eklemeniz gerekir :? Autoplay = 1 & cc_load_policy = 1 .

Şöyle görünecektir:

<iframe width="420" height="315" src="http://www.youtube.com/embed/
oHg5SJYRHA0?autoplay=1&cc_load_policy=1" frameborder="0"
allowfullscreen></iframe>

ne demek istiyorsun closed captioning?
WasiF

11

Otomatik oynatmanın yanında ek bir parametre eklemeniz gerekir = 1

izin = "autoplay"

gerçekleştirmek:

<iframe src="your-video-url?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1" frameborder="0" allow="autoplay; encrypted-media"></iframe>

2020
Rahul

6

Tamam, bu, youtube videoları için yeni gömme koduna bir örnektir.

<iframe title="YouTube video player" class="youtube-player" type="text/html" width="560" height="345" src="http://www.youtube.com/embed/8v_4O44sfjM" frameborder="0" allowFullScreen></iframe>

otomatik oynatmak istiyorsanız, şu parametreyi src="http://www.youtube.com/embed/8v_4O44sfjM"ekleyin:?autoplay=1

Yani kod şöyle görünecek:

<iframe title="YouTube video player" class="youtube-player" type="text/html" width="560" height="345" src="http://www.youtube.com/embed/8v_4O44sfjM?autoplay=1" frameborder="0" allowFullScreen></iframe>

blogumda denedim ve işe yarıyor! Umarım bu yardım (:


5

Otomatik oynatmayı çalışabilmemin tek yolu iframe player api'yi kullanmaktı.

<div id="ytplayer"></div>
<script>
// Load the IFrame Player API code asynchronously.
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
// Replace the 'ytplayer' element with an <iframe> and
// YouTube player after the API code downloads.
var player;
function onYouTubePlayerAPIReady() {
    player = new YT.Player('ytplayer', {
        height: '480',
        width: '853',
        videoId: 'JW5meKfy3fY',
        playerVars: {
            'autoplay': 1,
            'showinfo': 0,
            'controls': 0
        }
    });
}
</script>

5

Yukarıdakilerin hiçbiri şu anki youtube yerleştirmesinde benim için çalışmadı. Bunu deneyin, aslında benim için çalıştı :)

Umarım yardımcı olur!

<iframe width="925" height="315" src="https://www.youtube.com/embed/iD5zxjySOzw?rel=0&amp;autoplay=1&amp;controls=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>

4

YouTube Yardım , bunun video kimliğinden sonra&autoplay=1 olması gerektiğini söylüyor - sanırım hemen sonra.


@Aton: Cevabınız için teşekkürler. Yine de çalışmıyor. Soruyu bağlantılar ile güncelledim.
ben

4

Youtube oto çalmak için bir yanlış url kullandığınız http://www.youtube.com/embed/JW5meKfy3fY&autoplay=1bütün olarak bu url ekran youtube id JW5meKfy3fY&autoplay=1youtube oynamayı reddeder hangi. bu nedenle kullanmak zorunda youtube autoplay değişkeni geçmek zorunda ?yerine &Url'nizde olacak böylece http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1ve son iframe böyle olacaktır.

<iframe src="http://www.youtube.com/embed/xzvScRnF6MU?autoplay=1" width="960" height="447" frameborder="0" allowfullscreen></iframe>

1
Sen değiştirmek için unuttum &için ?bunu yapmak için doğru bir şekilde. (iframe'den önce)

3

Gömme kodundaki url'den sonra ? Autoplay = 1 eklemeniz yeterlidir , örnek:

<iframe width="420" height="315" src="http://www.youtube.com/embed/
oHg5SJYRHA0" frameborder="0"></iframe>

Bunu şu şekilde değiştirin:

<iframe width="420" height="315" src="http://www.youtube.com/embed/
oHg5SJYRHA0?autoplay=1" frameborder="0"></iframe>

2

Hiçbiriniz benim sorunumu çözmedi. Ancak, şu anda düzgün çalışabilmem için iyi bir çözüm buldum. Etiketler arasında bu kodu yazın:

<div style="position: fixed; z-index: -99; width: 100%; height: 100%">
  <iframe frameborder="0" height="100%" width="100%" 
    src="https://youtube.com/embed/**[CHANGE HERE WITH YOUR YOUTUBE VIDEO ID]**?autoplay=1&controls=0&showinfo=0&autohide=1">
  </iframe>
</div>

0

YouTube otomatik oynatma özelliği, yalnızca mobil çalışma ihtiyacı olan masaüstünde çalışır ve yalnızca JavaScript'te değişiklik yapar. Sevmek

<div id="player"></div>
                    var tag = document.createElement('script');
                    tag.src = "https://www.youtube.com/iframe_api";
                    var firstScriptTag = document.getElementsByTagName('script')[0];
                    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
                    var player;
  function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
      videoId: 'VideoID',
      playerVars: {   
            'autoplay': 1,   
            'rel': 0,
            'showinfo': 0,
            'modestbranding': 1,
            'playsinline': 1,
            'showinfo': 0,
            'rel': 0,
            'controls': 0,
            'color':'white',
            'loop': 1,
            'mute':1,
            // 'origin': 'https://meeranblog24x7.blogspot.com/'
      },
      events: {
        'onReady': onPlayerReady,
        // 'onStateChange': onPlayerStateChange
      }
    });
  }
  function onPlayerReady(event) {
    player.playVideo();
    player.mute();
  }var done = false;
  function onPlayerStateChange(event) {
    if (event.data == YT.PlayerState.PLAYING && !done) {
      setTimeout(stopVideo, 6000);
      done = true;
    }
  }
  function stopVideo() {
    player.stopVideo();
  }

 

Daha fazlasını görün: - 5 saniye boyunca YouTube otomatik oynatma

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.