如何改变HTML5视频播放速度?我在w3school中检查了视频标签的属性,但无法接近。


当前回答

假设你的视频/音频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.querySelectorAll(视频)。forEach((vid) => vid。playbackRate = 1.5);

^^这个书签将加速打开页面上的所有视频。

根据这个站点,这在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+。

假设你的视频/音频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

它总是有效的,你可以试试

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