playbackrate 可输出倍数 可是实际在chrome上没有效果
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<video id="myVideo" width="500px"></video><br>
<button id="playNode">播放</button><br>
<button id="stopNode">暂停</button><br>
<input type="range" name="" min="0" max="100" value="50" id="range"><br>
<button id="gogogo">快件7s</button><br>
<button id="loopNode">不循环播放</button>
<script type="text/javascript">
//选择video标签
var VideoNode = document.getElementById("myVideo");
// 给一个暂停video的事件
stopNode.onclick = function () {
VideoNode.pause();
};
// 给一个播放video的事件
playNode.onclick = function () {
VideoNode.play();
};
//快进
gogogo.onclick = function () {
VideoNode.currentTime = VideoNode.currentTime + 7;
};
//音量设置条
range.oninput = function () {
VideoNode.volume = this.value / 100;
}
//循环播放按钮
loopNode.onclick = function () {
if (VideoNode.loop == false) {
this.innerHTML = "循环播放";
VideoNode.loop = true;
} else {
this.innerHTML = "不循环播放";
VideoNode.loop = false;
}
console.log(VideoNode.loop)
};
//playbackRate ! 设置/返回视频播放的速度
console.log(VideoNode.playbackRate);
VideoNode.playbackRate = 0.5;
console.log(VideoNode.playbackRate);
VideoNode.src = "data/imooc.mp4"；
VideoNode.controls = true;
</script>
</body>
</html>
正在回答 回答被采纳积分+1
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 622 份
- 解答问题 6815 个
微信带火了小程序，也让前端工程师有了更多的展现机会，本阶段带你从移动基础知识的学习到webAPP开发，及小程序开发，让你PC端与移动端两端通吃。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星