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


当前回答

根据这个站点,这在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+。

其他回答

在chrome中,创建一个新的书签

输入任意名称,例如速度选择器,然后在URL中输入以下代码

javascript:

var speed = prompt("Please enter speed", "1");
document.querySelector('video').playbackRate = speed,void(0);

然后,当你点击这个书签,弹出窗口出现,然后你可以输入视频的速度

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

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

它总是有效的,你可以试试

var vid = document.getElementById("myVideo");
vid.playbackRate = 0.5;

只要输入

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

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

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

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

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