Come posso riprodurre automaticamente un video usando il nuovo stile del codice di incorporamento per Youtube?


166

Non riesco a capire come riprodurre automaticamente un video usando il nuovo stile del codice di incorporamento per Youtube . Ho provato ad aggiungere & autoplay = 1 all'URL, che ha funzionato con il vecchio stile, ma non ha funzionato. Ad esempio, http://www.youtube.com/embed/JW5meKfy3fY è il link di incorporamento, ma http://www.youtube.com/embed/JW5meKfy3fY&autoplay=1 non funziona. qualcuno può dirmi come si fa? Grazie


2
Questo è obsoleto. 'mute = 1' è richiesto ora. Vedi: Risposta a StackOverflow articolo
Trevor

Sì, dovevo aggiungere? Autoplay = 1 & mute = 1 per far funzionare l'autoplay in Chrome. Grazie
john blair il

Quindi, per essere chiari, Chrome consentirà la riproduzione automatica solo se il video è disattivato? Non c'è modo di forzare la riproduzione automatica con l'audio attivato?
webrightnow,

Risposte:


362

Basta inserire "? Autoplay = 1" nell'URL per caricare automaticamente il video.

Quindi il tuo URL sarebbe: http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1

Nel caso in cui si desidera disabilitare la riproduzione automatica, basta fare 1per 0come ?autoplay=0


7
Questo non sembra funzionare al momento. Ha funzionato perfettamente 1 settimana fa.
Peeja,

23
Il primo parametro dopo l'ID video deve iniziare con "?" , tutti i parametri DOPO che devono essere aggiunti con "&". Se avessi ad esempio "? Rel = 0 & autoplay = 1" sarebbe lo stesso di "? Autoplay = 1 & rel = 0" e funzionerebbero entrambi.
Thanos,

8
Questa risposta funziona ancora 2016. Basta aggiungere le informazioni, poiché è il primo risultato che viene visualizzato su Google.
Florian Rachor,

2
Qualche spiegazione aggiuntiva in quanto questo è così alto nei risultati goog. La parte dell'URL che segue "?" è la stringa di query e ciò di cui hai bisogno è la chiave "autoplay" con valore "1". Quindi, per esempio, '... / embed / JW5meKfy3fY? Autoplay = 1? Rel = 1' sarebbe anche sbagliato perché allora avresti 'autoplay' con valore '1? Rel = 1'. La stringa di query inizia con "?" ed è separato in coppie chiave = valore dal simbolo '&'. en.wikipedia.org/wiki/Query_string#Structure
knickum

3
Aggiornamento per il 2017: ora in iframe è necessario aggiungere un altro conf: allow = "autoplay" secondo gli sviluppatori.google.com/web/updates/2017/09/…, quindi il tuo iframe sarà simile a: <iframe src="http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1" allow="autoplay"></iframe>
vityapro

31

In realtà, dovrai usare il "?" anziché "&" solo per il tuo primo parametro. Se usi più di un parametro, dovrai aggiungere "&" alla catena.

Ad esempio, se desideri aggiungere la riproduzione automatica e i sottotitoli, dovrai aggiungere questa porzione all'URL del tuo video incorporato :? Autoplay = 1 & cc_load_policy = 1 .

Sarebbe così:

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

cosa intendi con closed captioning?
WasiF,

11

Devi aggiungere un parametro aggiuntivo, insieme a autoplay = 1

consentire = "autoplay"

realizzandolo:

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

Questa è la soluzione raccomandata per il 2020
Rahul il

6

Ok, questo è un esempio del nuovo codice di incorporamento per i video di YouTube.

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

se vuoi riprodurlo automaticamente, src="http://www.youtube.com/embed/8v_4O44sfjM"aggiungi il ?autoplay=1parametro

Quindi il codice sarà simile al seguente:

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

ho provato questo sul mio blog e funziona! Spero che questo aiuto (:


5

L'unico modo in cui sono stato in grado di far funzionare l'autoplay era usare l'API di iframe player.

<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

Nessuna delle precedenti ha funzionato per me nell'attuale incorporamento di YouTube. Prova questo, ha funzionato davvero per me :)

Spero che sia d'aiuto!

<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

La Guida di YouTube dice che &autoplay=1deve essere dopo l'ID video - presumo, subito dopo.


@Aton: grazie per la risposta. Comunque non funziona comunque. Ho aggiornato la domanda con i collegamenti.
ben

4

Stai utilizzando un URL errato per la riproduzione automatica di YouTube http://www.youtube.com/embed/JW5meKfy3fY&autoplay=1questo URL di visualizzazione dell'ID youtube nel suo insieme JW5meKfy3fY&autoplay=1che YouTube rifiuta di riprodurre. dobbiamo passare la variabile autoplay a youtube, quindi devi usare ?invece di &così il tuo url sarà http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1e il tuo iframe finale sarà così.

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

1
Hai dimenticato di cambiare la &a ?nel modo giusto per farlo. (prima dell'iframe)

3

Basta aggiungere ? Autoplay = 1 dopo l'URL nel codice di incorporamento, ad esempio:

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

Modificalo in:

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

2

Nessuno dei tuoi ha risolto il mio problema. Ma ho trovato una buona soluzione per me per funzionare correttamente in questo momento. Tra i tag scrivi questo codice:

<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

La riproduzione automatica di YouTube funziona solo su desktop in cui è necessario lavorare su dispositivi mobili, è sufficiente apportare modifiche in JavaScript. Piace

<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();
  }

 

Vedi di più: - Riproduzione automatica di YouTube per 5 secondi

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.