如何在HTML5中改变视频的播放速度?

如何改变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

其他回答

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

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

解决方案

我从来没做过这种事平分率= 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;

只要输入

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

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

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

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

javascript:

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

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

推荐文章