YouTube API视频播放器不能在手机上工作，即使我拿出自动播放

Question

我正在制作一个YouTube视频在一个网站的主要部分播放。它在台式机上加载和播放得很好，但在移动设备上它开始加载，给出一个空白的黑屏，然后什么也没有。我曾尝试移除那些不能在手机上运行的事件，但仍然没有运气。还有人看到我在这段代码中缺少的东西吗?提前感谢!

JS

//Load player api 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);
var done = false;
var player;

function onYouTubeIframeAPIReady() {
    // if (typeof videoId === "undefined")
    //   var videoId = false;
    player = new YT.Player('youtube-video', {
      height: '390',
      width: '640',
      videoId: videoId,
      playerVars: {
            html5: 1,
      },
      events: {
        'onReady': onPlayerReady,
        'onStateChange': onPlayerStateChange
      }
    });
}
function onPlayerReady(evt) {
    if( videoAutoPlay ) {
      $('#video-bg-image').fadeOut(1000);
        evt.target.playVideo();
    }
}
function onPlayerStateChange(evt) {
  if(evt.data === 0 || evt.data === 2)
    $('#video-bg-image').stop(true, true).fadeIn(400);
  console.log(evt);
    // if (evt.data == YT.PlayerState.PLAYING && !done) {
    //     setTimeout(stopVideo, 6000);
    //     done = true;
    // }
}
function stopVideo() {
    player.stopVideo();
}
function playVideo() {
  player.playVideo();
}

Answer 1

尝试删除onPlayerReady()中的自动播放功能(evt.target.playVideo())。