如何使用JavaScript和HTML5播放器更改当前正在播放的YouTube视频的播放速度?

问题描述:

如果我使用HTML5播放器在YouTube网站上观看YouTube视频,可以使用什么JavaScript代码来获取视频的播放速度,并将其更改为其他设置?如何使用JavaScript和HTML5播放器更改当前正在播放的YouTube视频的播放速度?

具体来说,我需要这个代码来处理我正在处理的Greasemonkey脚本,因此用户的浏览器将运行JavaScript代码。

我知道我可以做到以下几点:

document.getElementsByClassName('html5-main-video')[0].playbackRate = 2.0

,这将增加一倍的播放速度,但不会改变下拉框的YouTube播放器的“速度”字段设置为“2.0”作为好吧,如果可能的话,我希望这样做。

玩过HTML后,我只是伪造了一个.click()。这似乎是最好的方法。我探索了一下YouTube API,但发现了将YouTube视频嵌入到自己网页上的文档。我也玩过像$('#video').playbackRate = 3.0这样的HTML5视频,然后你可以基本上将速度改变为任何你想要的速度,但是它不会影响下拉框,如果你想将它改回到另一个速度,这会很有用。

这里是jQuery代码:

$('#ytp-menu-speed').parent().find('.ytp-button:contains("1.5")').click()

更改1.5到任何你想要的速度,只要它是YouTube上提供了一个选项。