如何改变HTML5视频播放速度?我在w3school中检查了视频标签的属性,但无法接近。
当前回答
javascript:document.getElementsByClassName("video-stream html5-main-video")[0].playbackRate = 0.1;
你可以在这里输入任何数字,但不要太大,以免你的电脑超负荷。
其他回答
我更喜欢对视频速度进行更精细的调整。我喜欢能够按指令加速和减慢视频。因此我使用这个:
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控制台。
在chrome中,创建一个新的书签
输入任意名称,例如速度选择器,然后在URL中输入以下代码
javascript:
var speed = prompt("Please enter speed", "1");
document.querySelector('video').playbackRate = speed,void(0);
然后,当你点击这个书签,弹出窗口出现,然后你可以输入视频的速度
假设你的视频/音频id是myVideo,那么你可以简单地使用JavaScript来做你想做的,只需输入以下简单的JS代码
var vid = document.getElementById("myVideo");
vid.playbackRate = 0.5;`
That will decrease the speed of your video/audio to it's half speed.
playbackspeed
显示当前音频/视频的播放速度。
示例值:
1.0为正常速度
0.5为半速(较慢)
2.0是速度的两倍(更快)
-1.0是向后的,正常速度
-0.5是向后,半速
来源:w3schools.com
只需在浏览器的javascript控制台中输入以下命令:
document.querySelector('video').playbackRate = 2.0;
你可以从右键菜单中选择inspect选项,如下所示: