javascript - YouTube 作为桌面版本的弹出式播放，但不在移动设备上

Question

我使用下面的脚本作为 Bootstrap 模式播放 YouTube 视频，它在桌面版本上播放视频，但在 iphone 和 iPad 等移动设备上播放同样失败。
YouTubeLoader.js

// Load & insert into DOM Youtube iframe_api
var tag = document.createElement('script');

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

/* Create Player */
var player;

function onYouTubeIframeAPIReady() {

  console.log('Api Loaded');

}

  $(".youtubeVideoLoader").each(function() {
    // Set the BG image from the youtube ID
    $(this).css('background-image', 'url(//i.ytimg.com/vi/' + this.id + '/hqdefault.jpg)');

      // Click the video div
      $(document).delegate('#' + this.id, 'click', function() {
        // Vemos le id del video
        console.log(this.id);

        // Create new instance of player
        player = new YT.Player('videoModalContainer', {
          videoId: this.id,
          events: {
            'onReady': OpenModal,
            'onStateChange': console.log('Changed')
          }
        });

        // Show Modal
        function OpenModal() {
          $("#youtubeModal").modal({backdrop: "static"});
          // Set Highres
          player.setPlaybackQuality('highres');
          // Play Video
          player.playVideo();
        };
      });// /click

  }); // /each video

  // Add a Lisener to Modal CLose Button
  $('#CloseModalButton').click(function(){
        console.log('Stop Preset');
        player.destroy();
      });

HTML

<div  id="3WCMCeS7Na4" class="youtubeVideoLoader">
</div>
    <!-- Modal Template -->
    <div class="modal fade" id="youtubeModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
      <div class="modal-dialog" role="document">
         <div class="modal-footer">
            <button id="CloseModalButton" type="button" class="btn btn-default" data-dismiss="modal">X</button>
          </div>
        <div class="modal-content">

          <div class="modal-body">
            <div id="videoModalContainer">

            </div>
          </div>

我已经用其他视频尝试过，我遇到了同样的问题，因为我最初认为它可能是一个由于特权而没有播放的视频

Answer 1

问题已解决，删除以下两行代码。

 //player.setPlaybackQuality('highres');
 //player.playVideo();

它没有在移动设备上播放，因为 Youtube 已经停止了视频的自动播放功能。不知道为什么它在桌面版本上工作......