防止 youtube javascript API 中的后续自动播放答案

【问题标题】：Prevent subsequent autoplay in youtube javascript API防止 youtube javascript API 中的后续自动播放
【发布时间】：2014-07-19 15:06:27
【问题描述】：

我在fancybox 中加载并播放YouTube 视频。一切都很完美，除了当我关闭fancybox时它再次开始播放视频。

var player;
function onYouTubePlayerAPIReady() {
    player = new YT.Player('player', {
        height: '480',
        width: '853',
        videoId: 'I76i-TCaUCY',
        events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
        }
    });
}

// autoplay video
function onPlayerReady(event) {
    event.target.playVideo();

}

// when video ends
function onPlayerStateChange(event) {
    if (event.data === 0) {
        $.fancybox.close();
    }
}

如果需要，用户应该可以再次播放，所以我不能删除它。

第一次怎么玩？

【问题讨论】：

标签： javascript jquery youtube-api youtube-javascript-api

【解决方案1】：

我不知道是否有更简单的方法，但这就是我根据需要修复它的方法：

我添加了var played = false 并且：

// autoplay video
function onPlayerReady(event) {
    //This ensures that it is autoplayed only once.
    if (!played) {
        event.target.playVideo();
        played = true;
    }
}

它现在可以正常工作了。

【讨论】：