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()，视频会发生变化。如果我等待视频终止，则会将“完成”消息打印到控制台，但视频不会改变。任何想法我做错了什么？

我在这里放了一个小提琴。谢谢！

http://jsfiddle.net/PHXY2/

Answer 1

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