0

我正在尝试展示一个使用 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);
    }

这适用于所有四个市长浏览器和 chrome for android。但在 iphone 上的 safari 中,看起来好像视频开始加载(youtube 旋转球),然后只是一个黑色矩形。

我在检查员中没有错误。

4

1 回答 1

0

取自YouTube iFrame API 参考,该参考将您带到Apple Safari HTML5 音频和视频指南

警告:为防止用户自费通过蜂窝网络进行未经请求的下载,嵌入式媒体无法在 iOS 上的 Safari 中自动播放 - 用户始终会启动播放。启动播放后,iPhone 或 iPod touch 上会自动提供控制器,但对于 iPad,您必须设置controls属性或使用 JavaScript 提供控制器。

于 2013-11-20T19:33:09.273 回答