在YouTube视频页面上向播放器添加事件监听器......
document.getElementById("movie_player").addEventListener("onStateChange", function() { console.log("STATE HAS CHANGED"); });
...使用HTML5播放器(控制台输出:undefined
)在任何视频页面的控制台中运行时工作正常,但在带有Flash播放器的页面上使用时(控制台输出:{{1} }),当状态改变时(即视频暂停或播放时),事件永远不会被触发。
例如,在this page的控制台中运行上面的代码行很有效。每次播放或暂停视频时都会显示“STATE HAS CHANGED”消息。但是,在this page上执行相同操作将不会发生任何事情。
有谁知道为什么会这样?
旁注:我选择使用YouTube HTML5视频播放器(youtube.com/html5)