Come riprodurre automaticamente i video su iOS su youtube.com

Question

Quando imposto il gioco automatico su vero per un video di YouTube (IFrame API) sul mio sito, non funziona. Tutta la documentazione dice che Apple disabilita l'autoplay su iOS per motivi di larghezza di banda.

Tuttavia, vedo che i video vengono riprodotti automaticamente (senza fare clic sull'elemento del video) su youtube.com su iPad. Come ha fatto YouTube a farlo funzionare? Sarebbe difficile immaginare che Apple faccia qualcosa di speciale solo per YouTube.

Answer 1

Non è possibile. Per vari motivi (incluso, ma non limitato all'utilizzo dei dati), Apple non consente la riproduzione automatica dei video.

prega di fare riferimento a:

Youtube embedded video: autoplay feature not working in iphone

Answer 2

Sembra che la squadra di YouTube utilizza l'interazione dell'utente quando rubinetti/fa clic su un pulsante Video per autorizzare la riproduzione.

Ricorda che youtube.com è una SPA (Applicazione pagina singola), quindi non è necessario ricaricare o reindirizzare la pagina.

Quindi, youtube.com non ha la riproduzione automatica abilitata.

Answer 3

Non l'ho provato, ma potresti essere in grado di utilizzare Javascript e chiamare la funzione di riproduzione per il lettore, o anche solo fare clic sull'elemento quando la pagina è stata caricata.

Answer 4

È possibile farlo con javascript.

Ecco un esempio:

<div class="video-container"> 
    <div id="player"> </div> <!--<iframe width="960" height="720" src="//www.youtube.com/embed/5YptIh_avrM?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>--> 

</div> 

<script> 
    // 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 <iframe> (and YouTube player) 
    // after the API code downloads. 
    var player; 
    function onYouTubeIframeAPIReady() { 
    player = new YT.Player('player', { 
     height: '720', 
     width: '960', 
     videoId: 'YOUR_ID_HERE', 
     events: { 
     'onReady': onPlayerReady, 
     'onStateChange': onPlayerStateChange 
     } 
    }); 
    } 



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

    // 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) { 

    } 
    function stopVideo() { 
    player.stopVideo(); 
    } 
</script>