youtube - 加载新视频后 Youtube onStateChange 不起作用

Question

我创建了一个 Youtube 播放器并添加了一个 onStateChange 监听器，它适用于第一个视频。

var o = new Object;
o.videoId = 'videoid1';
player = new YT.Player('div1', o);
player.addEventListener("onStateChange", "stateChangeListener", false);

function stateChangeListener(e) {
    console.log(e.data);
}

但加载新视频后，onStateChange 事件不再触发。

function nextVideo() {
    player.cueVideoById('div2');
}

即使我添加了一个新的监听器。

function nextVideo() {
    player.cueVideoById('div2');
    player.addEventListener("onStateChange", "stateChangeListener", false);
}

有什么问题？如果一页上有很多视频，如何触发 onStateChange 事件？

Answer 1

我认为问题在于它没有将事件处理程序附加到正确的 Youtube 播放器。

<iframe id="video" src="http://www.youtube.com/embed/XXXX"></iframe>
<a href="http://www.youtube.com/embed/XXXX" />