如何使用 JavaScript 和 HTML5 播放器更改当前播放的 YouTube 视频的播放速度？ [复制]答案

【问题标题】：How do I change the playback speed of the currently playing YouTube video, with JavaScript and the HTML5 player? [duplicate]如何使用 JavaScript 和 HTML5 播放器更改当前播放的 YouTube 视频的播放速度？ [复制]
【发布时间】：2015-08-11 20:14:08
【问题描述】：

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

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

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

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

这将使播放速度加倍，但它不会将 YouTube 播放器的“速度”字段的下拉框也更改为“2.0”，如果可能的话，我希望它这样做。

【问题讨论】：

@Matt 这不是一个重复的问题。您要链接的问题是如何控制个人网站上嵌入的 Youtube 视频的播放速度（通过 Youtube API），而这个问题是指 Youtube 网站上的用户体验。
$('video').playbackRate = 3.0
document.querySelector(".html5-video-container video").playbackRate = 2.0

标签： javascript html video youtube greasemonkey

【解决方案1】：

在玩弄了 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 提供的选项。

【讨论】：