倍速播放代码

html代码
<div>
   <video  id="video1" style="width: 700px;height: 400px;" autobuffer controls src="lib/js/patient/ship.mp4" type="video/mp4"></video>
    <p>选中倍速播放率:
        <select id="double">
            <option value="0.5">0.5</option>
            <option value="1">1</option>
            <option value="1.5">1.5</option>
            <option value="2">2</option>
            <option value="2.5">2.5</option>
            <option value="3">3</option>
            <option value="15">15</option>
        </select>
    </p>
    <p><button id="btnPlay">视频播放</button></p>

</div>

js代码

var eleSelect = document.getElementById("double");
var eleButton = document.getElementById("btnPlay");
//视频元素
var video = document.getElementById("video1");
//改变播放速率
eleSelect.addEventListener('change',function () {
    video.playbackRate = this.value;
});
//点击播放
eleButton.addEventListener('click',function () {
    video.play();
});

倍速播放上限16倍

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

飞翔的丘八

如果有用,请不要吝啬

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值