如何改变HTML5视频播放速度?我在w3school中检查了视频标签的属性,但无法接近。
当前回答
javascript:document.getElementsByClassName("video-stream html5-main-video")[0].playbackRate = 0.1;
你可以在这里输入任何数字,但不要太大,以免你的电脑超负荷。
其他回答
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减速。
它总是有效的,你可以试试
var vid = document.getElementById("myVideo");
vid.playbackRate = 0.5;
解决方案
我从来没做过这种事平分率= 1.5
<video
onloadstart="this.playbackRate = 1.5;"
controls
src="https://cdn.xgqfrms.xyz/HTML5/video/controlslist.mp4">
</video>
js 视频音量 = 0.5;
<video
id="custom-video"
controls
src="https://cdn.xgqfrms.xyz/HTML5/video/controlslist.mp4">
</video>
const video = document.querySelector('#custom-video');
if(video) {
video.playbackRate = 1.5;
}
demo
https://codepen.io/xgqfrms/pen/bGLOrjM
根据这个站点,这在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+。
推荐文章
- 一元加/数字(x)和parseFloat(x)之间的区别是什么?
- angularjs中的compile函数和link函数有什么区别
- 删除绑定中添加的事件监听器
- CSS在特定的“内联块”项之前/之后换行
- 很好的初学者教程socket.io?
- 点击下载Href图片链接
- HtmlSpecialChars在JavaScript中等价于什么?
- 我如何删除背景图像在css?
- 如何加速gwt编译器?
- MySQL OR与IN性能
- 如何克服HTML表单嵌套的限制?
- 应该……接住环内还是环外?
- 哪个更快/最好?SELECT *或SELECT columnn1, colum2, column3等
- React: 'Redirect'没有从' React -router-dom'中导出
- 如何在React中使用钩子强制组件重新渲染?