如何改变HTML5视频播放速度?我在w3school中检查了视频标签的属性,但无法接近。
当前回答
只要输入
document.querySelector('video').playbackRate = 1.25;
在你的现代浏览器的JS控制台。
其他回答
根据这个站点,这在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+。
如果页面上有多个视频,大多数其他答案只会改变第一个。
javascript: document.querySelectorAll(视频)。forEach((vid) => vid。playbackRate = 1.5);
^^这个书签将加速打开页面上的所有视频。
只要输入
document.querySelector('video').playbackRate = 1.25;
在你的现代浏览器的JS控制台。
只需在浏览器的javascript控制台中输入以下命令:
document.querySelector('video').playbackRate = 2.0;
你可以从右键菜单中选择inspect选项,如下所示:
我更喜欢对视频速度进行更精细的调整。我喜欢能够按指令加速和减慢视频。因此我使用这个:
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减速。