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

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

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

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

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>

最佳答案

月排行榜 / 总排行榜

不二如是

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免费）：

index.zip (512 Bytes, 下载次数: 3, 售价: 2 鱼币)

跳转到最佳答案楼层

不二如是 · 发表于 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免费）：

index.zip (512 Bytes, 下载次数: 3, 售价: 2 鱼币)

幽梦三影 · 发表于 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标签可支持格式，引用路径

账号		自动登录	找回密码
密码			立即注册