幽梦三影 发表于 2018-8-12 11:17:30

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>

不二如是 发表于 2018-8-12 11:28:45

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:19:37

本帖最后由 幽梦三影 于 2018-8-12 18:26 编辑

不二如是 发表于 2018-8-12 11:28
1、关于video元素的定义,请看(速查宝典):传送门

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

是不是视频本身的问题,我下载的就不行

不二如是 发表于 2018-8-13 08:55:42

幽梦三影 发表于 2018-8-12 18:19
是不是视频本身的问题,我下载的就不行


建议去确认vedio标签可支持格式,引用路径
页: [1]
查看完整版本: video怎么快进,设置currentTime没效果