javascript视频倍速播放_video.js 倍速播放

作者：你好赵伟 | 2024-04-15 21:13:07

踩

video.js 倍速播放

javascript视频倍速播放

要实现JavaScript视频倍速播放，您需要使用HTML5 video元素的playbackRate属性。该属性控制视频播放的速度，其默认值为1（正常速度）。您可以将该属性设置为大于或小于1的值来更改视频播放速度。

以下是实现JavaScript视频倍速播放的代码示例：

<video id="myVideo" width="320" height="240" controls>
  <source src="myVideo.mp4" type="video/mp4">
</video>

<button οnclick="playSlow()">Slow</button>
<button οnclick="playNormal()">Normal</button>
<button οnclick="playFast()">Fast</button>

<script>
  var myVideo = document.getElementById("myVideo");

  function playSlow() {
    myVideo.playbackRate = 0.5;
    myVideo.play();
  }

  function playNormal() {
    myVideo.playbackRate = 1;
    myVideo.play()
  }

  function playFast() {
    myVideo.playbackRate = 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

声明：本文内容由网友自发贡献，转载请注明出处：【wpsshop博客】