video怎么快进,设置currentTime没效果
本帖最后由 幽梦三影 于 2018-8-12 11:19 编辑<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<video id="v" width="320" height="240" src="视频/q.Mp4" controls="controls"></video>
<button id="b3">快进5s</button>
<button id="b4">后退5s</button>
<progress>进度</progress>
<script type="text/javascript">
var vs = document.getElementById('v')
var s = document.getElementById('b3')
s.addEventListener('click',function(){
vs.currentTime += 5
})
</script>
</body>
</html>
1、关于video元素的定义,请看(速查宝典):传送门
2、目前所用的代码没有使用JQ,音频同理,故而都删掉,基于鱼C提供的在线视频修改代码如下
var vs = document.getElementById('v');
// 快进
var forward = document.getElementById('b3');
// 后退
var backward = document.getElementById('b4');
forward.addEventListener('click',function(){
vs.currentTime += 5
});
backward.addEventListener('click',function(){
vs.currentTime -= 5
});
可正常快进和后退:
源码(VIP免费): 本帖最后由 幽梦三影 于 2018-8-12 18:26 编辑
不二如是 发表于 2018-8-12 11:28
1、关于video元素的定义,请看(速查宝典):传送门
2、目前所用的代码没有使用JQ,音频同理,故而都删 ...
是不是视频本身的问题,我下载的就不行 幽梦三影 发表于 2018-8-12 18:19
是不是视频本身的问题,我下载的就不行
建议去确认vedio标签可支持格式,引用路径
页:
[1]