Autoodtwarzanie w YouTube nie działa na urządzeniach mobilnych z wbudowanym odtwarzaczem HTML5

Question

Na mój problem mam jeden link <a href="http://www.youtube.com/embed/YT-ID" class="overlay_video"></a>. Chcę odtworzyć wideo, klikając link w oknie nakładki ozdobnej. To nie jest problem. Problem stanowią parametry, na przykład "autoplay" lub "autohide".

Poniższy link nie działa:

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

Nakładka-Okno otwarte, ale film nie jest odtwarzany automatycznie.

EDYCJA: Chcę używać odtwarzacza HTML5 na urządzeniach mobilnych. W przeglądarce na komputerze działa z parametrami, ale nie na urządzeniach mobilnych.

Answer 1

Okazuje się, że autoodtwarzania nie można wykonać na urządzeniach z systemem iOS (iPhone, iPad, iPod touch) i Android.

Zobacz https://stackoverflow.com/a/8142187/2054512 i https://stackoverflow.com/a/3056220/2054512

Answer 2

Jest na to sposób, aby youtube autoodtwarzanie i kompletne listy grać przez. Pobierz przeglądarkę Adblock na Androida, a następnie przejdź do strony youtube i skonfiguruj ją do wersji strony na komputery, zamknij przeglądarkę Adblock, a następnie otwórz ją ponownie, a będziesz miał wersję na komputery, w której będzie działać autoodtwarzanie.

Używanie wersji komputerowej będzie również oznaczać, że AdBlock będzie działał. Wersja mobilna wywołuje autonomiczny odtwarzacz YouTube, dlatego chcesz wersję strony na komputery, aby autoodtwarzanie działało, więc blokowanie reklam będzie działało.

Answer 3

Zobacz kod poniżej. Testowane i znalezione działające na urządzeniach mobilnych i tabletach.

 


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