如何改变HTML5视频播放速度?我在w3school中检查了视频标签的属性,但无法接近。


当前回答

你可以使用下面的代码:

var vid = document.getElementById("video1");

function slowPlaySpeed() { 
    vid.playbackRate = 0.5;
} 

function normalPlaySpeed() { 
    vid.playbackRate = 1;
} 

function fastPlaySpeed() { 
    vid.playbackRate = 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减速。

只要输入

document.querySelector('video').playbackRate = 1.25;

在你的现代浏览器的JS控制台。

只需在浏览器的javascript控制台中输入以下命令:

document.querySelector('video').playbackRate = 2.0;

你可以从右键菜单中选择inspect选项,如下所示:

Firefox有一个速度控制上下文菜单,当你右键单击

.

javascript:document.getElementsByClassName("video-stream html5-main-video")[0].playbackRate = 0.1;

你可以在这里输入任何数字,但不要太大,以免你的电脑超负荷。