加载新视频后 Youtube onStateChange 不起作用答案

【问题标题】：Youtube onStateChange doesn't work after load a new video加载新视频后 Youtube onStateChange 不起作用
【发布时间】：2013-10-23 01:32:23
【问题描述】：

我创建了一个 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 事件？

【问题讨论】：

标签： youtube

【解决方案1】：

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

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

【讨论】：