iphone - 为什么在iPhone上播放通过JavaScript嵌入的youtube时，移动浏览器只显示一个加载器，然后仅显示一个黑色矩形？

Question

我正在尝试显示使用javascript开始的youtube视频。这是视频对象的固定实例:

var player;
function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
        height: '720',
        width: '1280',
        html5: 0,
        videoId: 'i8IXMGHpGBk',
        playerVars: {'modestbranding': 1, 'controls': 1,'showinfo': 0, 'rel': 0 },
        events: {
            'onStateChange': function(e) {
                if (e.data === 0) {
                    $('html, body').animate({
                        scrollTop: $(".quizwrapper").offset().top
                    }, 1000);
                    document.getElementById('first').focus();
                }
            }
        }
    });
}

我稍后将像这样播放视频:

    if(player){
        player.playVideo();
        console.log(player);
    }

这适用于所有四个市长浏览器和适用于Android的Chrome。但是在iPhone的Safari浏览器中，视频好像开始加载(YouTube旋转球)，然后就变成了一个黑色矩形。

我在检查器中没有任何错误。

Answer 1

取自YouTube iFrame API Reference，它将您带到Apple Safari HTML5 Audio and Video Guide:

Warning: To prevent unsolicited downloads over cellular networks at the user’s expense, embedded media cannot be played automatically in Safari on iOS—the user always initiates playback. A controller is automatically supplied on iPhone or iPod touch once playback is initiated, but for iPad you must either set the controls attribute or provide a controller using JavaScript.