为什么移动safari只显示一个加载器，然后在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);
    }

这适用于所有四个市长的broswers和chrome for android。但是在iphone上的safari中，看起来好像视频开始加载（youtube旋转球），之后只是一个黑色矩形。

检查员没有错误。

Answer 1

从YouTube iFrame API Reference开始，带您到Apple Safari HTML5 Audio and Video Guide：

  

警告：为了防止用户通过蜂窝网络主动下载，嵌入式媒体无法自动播放   在iOS上的Safari中 - 用户始终启动播放。控制器是   播放后自动在iPhone或iPod touch上提供   已启动，但对于iPad，您必须设置controls属性   或使用JavaScript提供控制器。