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" />

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

1 个答案: