如何更改 HTML5 中的视频播放速度？我已经在 w3school 中检查了视频标签的属性，但无法解决这个问题。任何帮助将不胜感激！
如何更改 HTML5 中视频的播放速度？
IT技术
javascript
html
performance
video
html5-video
2021-02-21 16:04:04
6个回答
根据此站点，这在playbackRate和defaultPlaybackRate属性中受支持，可通过 DOM 访问。例子：
/* play video twice as fast */
document.querySelector('video').defaultPlaybackRate = 2.0;
document.querySelector('video').play();
/* now play three times as fast just for the heck of it */
document.querySelector('video').playbackRate = 3.0;
以上适用于 Chrome 43+、Firefox 20+、IE 9+、Edge 12+。
只需输入
document.querySelector('video').playbackRate = 1.25;
在现代浏览器的 JS 控制台中。
（在 YouTube 上播放视频时在 Chrome 中进行了测试，但应该可以在任何地方使用——尤其适用于加速在线培训视频）。
对于任何想要将这些作为“书签”（包含 JavaScript 代码而不是 URL 的书签）添加到您的浏览器的人，请使用这些浏览器书签名称和 URL，并将以下每个书签添加到您的浏览器顶部。复制下面每个书签的“URL”部分时，将整个多行代码块、换行符和所有内容复制到浏览器中书签创建工具的“URL”字段中。
名称： 0.5x
网址：
javascript:
document.querySelector('video').playbackRate = 0.5;
名称： 1.0x
网址：
javascript:
document.querySelector('video').playbackRate = 1.0;
名称： 1.5x
网址：
javascript:
document.querySelector('video').playbackRate = 1.5;
名称： 2.0x
网址：
javascript:
document.querySelector('video').playbackRate = 2.0;
这是我所有的播放速度书签：
我将上述所有播放速度书签等添加到1.00x书签栏上命名的文件夹中，如下所示：
参考：
- Jeremy Visser的主要回答
- 从我的 GitHub 要点复制到这里：https : //gist.github.com/ElectricRCAircraftGuy/0a788876da1386ca0daecbe78b4feb44#other-bookmarklets
- 也可以在此处获取其他书签，例如在 GitHub 上为您提供帮助。
您可以使用此代码：
var vid = document.getElementById("video1");
function slowPlaySpeed() {
vid.playbackRate = 0.5;
}
function normalPlaySpeed() {
vid.playbackRate = 1;
}
function fastPlaySpeed() {
vid.playbackRate = 2;
}
在 chrome 中，创建一个新书签
输入任意名称，例如速度选择器，然后在 URL 中输入以下代码
javascript:
var speed = prompt("Please enter speed", "1");
document.querySelector('video').playbackRate = speed,void(0);
然后当你点击这个书签时，会出现一个弹出窗口，然后你可以输入视频的速度
