javascript - 如何与youtube.com上的YouTube播放器(而非iFrame API)互动？

Question

我想接收事件并从浏览到a video page on youtube.com时加载的YouTube HTML5播放器获取播放器选项。

我知道可以通过HTML5 media events控制播放器。例如，当我在控制台中运行此代码时，每当触发一次搜索事件时，它将seeked打印到控制台:

var v = document.getElementsByTagName("video")[0];
v.addEventListener("seeked", function() { console.log("seeked") }, true);

但是，YouTube播放器的API提供了更多功能，例如我要订阅的 various events。我怎么做？这些事件显然不会在 video元素上触发。

例如，当 onPlaybackQualityChange事件被触发时，如何在控制台上打印某些内容？

注意:我不是在谈论 attaching to a player loaded via the iFrame API。

Answer 1

可以与之交互的实际播放器对象的ID为movie_player。当然，该ID可能会随着时间而改变。截至2016年10月，Chrome，Firefox和Safari的ID相同。

例如:

var p = document.getElementById("movie_player");
p.addEventListener("onPlaybackQualityChange", function() { console.log("quality changed") }, true);

当然可以根据 iFrame API添加其他事件侦听器。

玩家也可以像往常一样进行互动:

p.playVideo()