鱼C论坛

 找回密码
 立即注册
查看: 2686|回复: 3

[已解决]video怎么快进,设置currentTime没效果

[复制链接]
发表于 2018-8-12 11:17:30 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
本帖最后由 幽梦三影 于 2018-8-12 11:19 编辑
  1. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.                 <meta charset="UTF-8">
  5.                 <title></title>
  6.                 <script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
  7.         </head>
  8.         <body>
  9.                 <video id="v" width="320" height="240" src="视频/q.Mp4" controls="controls"></video>
  10.                
  11.                 <button id="b3">快进5s</button>
  12.                 <button id="b4">后退5s</button>
  13.                 <progress>进度</progress>
  14.                 <script type="text/javascript">
  15.                        
  16.                         var vs = document.getElementById('v')
  17.                         var s = document.getElementById('b3')
  18.                         s.addEventListener('click',function(){
  19.                                 vs.currentTime += 5
  20.                         })
  21.                 </script>
  22.         </body>
  23. </html>
复制代码
最佳答案
2018-8-12 11:28:45
1、关于video元素的定义,请看(速查宝典):传送门

2、目前所用的代码没有使用JQ,音频同理,故而都删掉,基于鱼C提供的在线视频修改代码如下
  1.   var vs = document.getElementById('v');
  2. //    快进
  3.     var forward = document.getElementById('b3');
  4. //    后退
  5.     var backward = document.getElementById('b4');

  6.     forward.addEventListener('click',function(){
  7.         vs.currentTime += 5
  8.     });

  9.     backward.addEventListener('click',function(){
  10.         vs.currentTime -= 5
  11.     });
复制代码

可正常快进和后退:
Aug-12-2018 11-26-51.gif


源码(VIP免费): index.zip (512 Bytes, 下载次数: 3, 售价: 2 鱼币)
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2018-8-12 11:28:45 | 显示全部楼层    本楼为最佳答案   
1、关于video元素的定义,请看(速查宝典):传送门

2、目前所用的代码没有使用JQ,音频同理,故而都删掉,基于鱼C提供的在线视频修改代码如下
  1.   var vs = document.getElementById('v');
  2. //    快进
  3.     var forward = document.getElementById('b3');
  4. //    后退
  5.     var backward = document.getElementById('b4');

  6.     forward.addEventListener('click',function(){
  7.         vs.currentTime += 5
  8.     });

  9.     backward.addEventListener('click',function(){
  10.         vs.currentTime -= 5
  11.     });
复制代码

可正常快进和后退:
Aug-12-2018 11-26-51.gif


源码(VIP免费): index.zip (512 Bytes, 下载次数: 3, 售价: 2 鱼币)
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2018-8-12 18:19:37 | 显示全部楼层
本帖最后由 幽梦三影 于 2018-8-12 18:26 编辑
不二如是 发表于 2018-8-12 11:28
1、关于video元素的定义,请看(速查宝典):传送门

2、目前所用的代码没有使用JQ,音频同理,故而都删 ...


是不是视频本身的问题,我下载的就不行
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-8-13 08:55:42 | 显示全部楼层
幽梦三影 发表于 2018-8-12 18:19
是不是视频本身的问题,我下载的就不行


建议去确认vedio标签可支持格式,引用路径
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-4-23 21:41

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表