javascript - Youtube 视频 API onStateChange 事件不能用于改变视频

Question

我想使用 Youtube API 提供的 onStateChange 事件来收听视频的结尾，然后在播放器中播放一个新视频。但是，由于某种原因，这似乎是不可能的。

function onPlayerStateChange(event) {
    if(event.data === 0) {
        console.log('done');
        goNext();
    }
}

function goNext() {
    player.loadVideoById('JBJ1VPBrCl0', 0, 'default');
}

我像这样注册事件处理程序

player;
function onYouTubePlayerAPIReady() {
    player = new YT.Player('player', {
      height: '530',
      width: '640',
      videoId: '0Bmhjf0rKe8',
      events: {
        'onReady': onPlayerReady,
        'onStateChange': onPlayerStateChange
      }
    });
}

问题是:如果我手动调用我的函数 goNext() ，视频就会改变。如果我等待视频终止，则会将“完成”消息打印到控制台，但视频不会改变。任何想法我做错了什么？

我在这里放了一个 fiddle 。谢谢!

http://jsfiddle.net/PHXY2/

Answer 1

FWIW，您的 fiddle 示例对我来说效果很好(视频结束后它会自动开始播放“短 - 猫喵 - 有趣的猫视频 - 红色激光”视频)你之前是否碰巧安装了任何与 YouTube 相关的浏览器扩展？有些已知会导致 YT API 出现问题。