|
马上注册,结交更多好友,享用更多功能^_^
您需要 登录 才可以下载或查看,没有账号?立即注册
x
本帖最后由 幽梦三影 于 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免费):
index.zip
(512 Bytes, 下载次数: 3, 售价: 2 鱼币)
|
|