如何改变HTML5视频播放速度?我在w3school中检查了视频标签的属性,但无法接近。
当前回答
解决方案
我从来没做过这种事平分率= 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
其他回答
它总是有效的,你可以试试
var vid = document.getElementById("myVideo");
vid.playbackRate = 0.5;
你可以使用下面的代码:
var vid = document.getElementById("video1");
function slowPlaySpeed() {
vid.playbackRate = 0.5;
}
function normalPlaySpeed() {
vid.playbackRate = 1;
}
function fastPlaySpeed() {
vid.playbackRate = 2;
}
如果页面上有多个视频,大多数其他答案只会改变第一个。
javascript: document.querySelectorAll(视频)。forEach((vid) => vid。playbackRate = 1.5);
^^这个书签将加速打开页面上的所有视频。
Firefox有一个速度控制上下文菜单,当你右键单击
.
只要输入
document.querySelector('video').playbackRate = 1.25;
在你的现代浏览器的JS控制台。