简易的html5视频播放倍速代码写法

HTML5视频标签有一个叫做playbackRate的属性,用于设置倍速播放。例如设置播放速度为2倍,可以写成:

<video src="video.mp4" autoplay controls playbackRate="2"></video>

同时,可以使用JavaScript来控制播放速度。以下是一个简单的代码示例,包含了3个按钮,点击分别可以将倍速设置为1、1.5和2。

<video src="video.mp4" id="myVideo" autoplay controls></video>

<button onclick="setSpeed(1)">1x</button>
<button onclick="setSpeed(1.5)">1.5x</button>
<button onclick="setSpeed(2)">2x</button>

<script>
  function setSpeed(rate) {
    var video = document.getElementById("myVideo");
    video.playbackRate = rate;
  }
</script>

MR虚拟直播

无延迟直播

视频加密与安全

在线导播台

猜你喜欢

转载自blog.csdn.net/ffffffff8/article/details/129612548