如何更改 HTML5 中的视频播放速度？我已经在 w3school 中检查了视频标签的属性，但无法解决。任何帮助将不胜感激！
问问题
240846 次
9 回答
303
根据这个站点，这在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+。
于 2010-06-12T08:05:58.277 回答
87
只需键入
document.querySelector('video').playbackRate = 1.25;
在现代浏览器的 JS 控制台中。
于 2016-09-30T15:56:58.750 回答
13
（在 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 上为您提供帮助。
于 2020-12-01T23:38:14.273 回答
2
我更喜欢对视频速度采用更精细的调整方法。我喜欢能够根据命令加快和减慢视频的速度。因此我使用这个：
window.addEventListener("keypress", function(e) {
if(e.key==="d") document.getElementsByTagName("video")[0].playbackRate += .1; else if(e.key==="s") document.getElementsByTagName("video")[0].playbackRate -= .1;
}, false);
按 d 加速，按 s 减速。
于 2021-05-07T19:00:52.587 回答
2
您可以使用以下代码：
var vid = document.getElementById("video1");
function slowPlaySpeed() {
vid.playbackRate = 0.5;
}
function normalPlaySpeed() {
vid.playbackRate = 1;
}
function fastPlaySpeed() {
vid.playbackRate = 2;
}
于 2019-12-11T06:47:39.663 回答
2
在 chrome 中，创建一个新书签
输入任意名称，例如速度选择器，然后在 URL 中输入以下代码
javascript:
var speed = prompt("Please enter speed", "1");
document.querySelector('video').playbackRate = speed,void(0);
然后当您单击此书签时，会出现一个弹出窗口，然后您可以输入视频的速度
于 2021-04-10T09:08:46.547 回答
1
javascript:document.getElementsByClassName("video-stream html5-main-video")[0].playbackRate = 0.1;
你可以在这里输入任何数字，只是不要走得太远，这样你就不会超出你的电脑。
于 2019-03-25T15:17:56.000 回答
1
假设您的视频/音频 id 是myVideo，那么您可以简单地使用 JavaScript 来做您想做的事，只需输入以下简单的 JS 代码：-
var vid = document.getElementById("myVideo");
vid.playbackRate = 0.5;`
播放速度
指示音频/视频的当前播放速度。
示例值：
1.0 is normal speed
0.5 is half speed (slower)
2.0 is double speed (faster)
-1.0 is backwards, normal speed
-0.5 is backwards, half speed
资料来源：w3schools.com
于 2021-03-21T07:41:18.873 回答
0
只需在浏览器的 javascript 控制台中键入以下命令：
document.querySelector('video').playbackRate = 2.0;
您可以通过从右键菜单中选择检查选项来获取它，如下所示：
于 2021-06-23T12:24:50.087 回答