La riproduzione automatica di YouTube non funziona su dispositivi mobili con lettore HTML5 incorporato

Question

Per il mio problema, ho un collegamento <a href="http://www.youtube.com/embed/YT-ID" class="overlay_video"></a>. Voglio riprodurre il video facendo clic sul collegamento in una finestra di sovrapposizione fancybox. Questo non è un problema. Il problema sono i parametri, ad esempio "autoplay" o "autohide".

Il seguente link non funzionano:

<a href="http://www.youtube.com/embed/YT-ID?autoplay=1" class="overlay_video"></a> 

L'Overlay-finestra che si apre, ma il video non viene riprodotto automaticamente.

MODIFICA: desidero utilizzare il lettore HTML5 su dispositivi mobili. Su un browser desktop funziona con i parametri, ma non su dispositivi mobili.

Answer 1

Come risulta, la riproduzione automatica non può essere eseguita su dispositivi iOS (iPhone, iPad, iPod touch) e Android.

Vedi https://stackoverflow.com/a/8142187/2054512 e https://stackoverflow.com/a/3056220/2054512

Answer 2

C'è un modo per rendere YouTube autoplay, e le playlist complete gioca attraverso. Ottieni il browser Adblock per Android, quindi vai al sito web di youtube e configuralo per la versione desktop della pagina, chiudi il browser Adblock e riaprilo, e avrai la versione desktop, dove funzionerà la riproduzione automatica.

L'uso della versione desktop significa anche che AdBlock funzionerà. La versione mobile richiama il player YouTube standalone, motivo per cui si desidera la versione desktop della pagina, in modo che la riproduzione automatica funzioni, e quindi il blocco degli annunci funzionerà.

Answer 3

Dai un'occhiata al codice qui sotto. Testato e trovato funzionante su dispositivi mobili e tablet.

 


(video player) will replace this tag. --> 
    

    
     // 2. This code loads the IFrame Player API code asynchronously. 
     var tag = document.createElement('script'); 

     tag.src = "https://www.youtube.com/iframe_api"; 
     var firstScriptTag = document.getElementsByTagName('script')[0]; 
     firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 

     // 3. This function creates an (and YouTube player) 
     // after the API code downloads. 
     var player; 
     function onYouTubeIframeAPIReady() { 
     player = new YT.Player('player', { 
      height: '390', 
      width: '640', 
      videoId: 'M7lc1UVf-VE', 
      events: { 
      'onReady': onPlayerReady, 
      'onStateChange': onPlayerStateChange 
      } 
     }); 
     } 

     // 4. The API will call this function when the video player is ready. 
     function onPlayerReady(event) { 
     event.target.playVideo(); 
     } 

     // 5. The API calls this function when the player's state changes. 
     // The function indicates that when playing a video (state=1), 
     // the player should play for six seconds and then stop. 
     var done = false; 
     function onPlayerStateChange(event) { 
     if (event.data == YT.PlayerState.PLAYING && !done) { 
      setTimeout(stopVideo, 6000); 
      done = true; 
     } 
     } 
     function stopVideo() { 
     player.stopVideo(); 
     }