埋め込みHTML5プレーヤーを搭載したモバイルデバイスでYoutubeの自動再生が動作しない

Question

私の問題では、私には1つのリンク<a href="http://www.youtube.com/embed/YT-ID" class="overlay_video"></a>があります。ファンシーボックスオーバーレイウィンドウのリンクをクリックしてビデオを再生したいと思います。これは問題ではありません。問題はパラメータです（例： "autoplay"または "autohide"）。

次のリンクは機能しません。

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

をオーバーレイウィンドウが開きますが、ビデオは自動的に再生されません。

編集：携帯端末でHTML5プレーヤーを使用したいと考えています。デスクトップブラウザでは、パラメータを使用して動作しますが、モバイルデバイスでは動作しません。

Answer 1

iOSデバイス（iPhone、iPad、iPod touch）とAndroidでは自動再生できません。

はhttps://stackoverflow.com/a/8142187/2054512とhttps://stackoverflow.com/a/3056220/2054512

Answer 2

ありユーチューブの自動再生を行うための方法があり、かつ完全なプレイリストで再生を参照してください。 Android用のAdblockブラウザを入手してから、YouTubeのWebサイトにアクセスし、デスクトップ版のページ用に設定し、Adblockブラウザを閉じてからもう一度開くと、自動再生が動作するデスクトップ版になります。

デスクトップ版を使用すると、AdBlockも機能するようになります。モバイル版ではスタンドアロンのYouTubeプレーヤーが呼び出されるため、ページのデスクトップ版が必要なため、自動再生が機能し、広告のブロックが機能します。

Answer 3

以下のコードをご覧ください。 モバイルデバイスとタブレットデバイスで動作確認済みです。

 


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