video 播放视频禁止拖动进度条

忘是亡心i 2024-03-22 17:37 25阅读 0赞

<video id="my-video" class="video-js vjs-big-play-centered" controls="controls" poster=""  webkit-playsinline="true">
            <source src="/paper/questions/getVideo" type='video/mp4'>
        </video>

```css
    	  var elevideo = document.getElementById('my-video');
        var that = this;
        var resetTime = 0; // 拖动后重置播放时间
        var curTime = 0;  // 当前播放时间
        var getCurTime = localStorage.getItem('remTime'); //获取本地存储
        if ( getCurTime > 0.1) {
        
            curTime = getCurTime;
            resetTime = getCurTime;
            elevideo.addEventListener('play',function(){
        
                setTimeout(function(){
        
                    elevideo.currentTime = getCurTime;
                    setInterval(timer,100)
                },2000)
            })
        } else {
        
            elevideo.play();
            setInterval(timer,100)
        }
    
        // 定时器
        function timer () {
        
            curTime = elevideo.currentTime;
            var apartTime = curTime - resetTime;
            if(apartTime > 2) {
        
                elevideo.currentTime = resetTime;
            } else {
        
                resetTime = curTime;
            }
            that.curTime = curTime;
        }
    
        elevideo.addEventListener('pause',function(){
        
            localStorage.setItem('remTime',that.curTime);
        })

发表评论取消回复

表情：

评论列表（有 0 条评论，25人围观）

还没有评论，来说两句吧...

相关阅读

相关 video 播放视频禁止拖动进度条

<video id="my-video" class="video-js vjs-big-play-centered" controls="controls" post

忘是亡心i/ 2024年03月22日 17:37/ 0 赞/ 26 阅读

相关获取video视频播放长度

方法1 <video :src="videoUrl" controls preload="auto" id="videoPlayer"></video>

末蓝、/ 2023年01月13日 01:37/ 0 赞/ 182 阅读

相关 python 视频播放拖动_python + opencv鼠标拖动视频区域裁剪

\ -\- coding: utf-8 -\- import sys import cv2 import numpyas np import time import

「爱情、让人受尽委屈。」/ 2022年10月22日 12:00/ 0 赞/ 195 阅读

相关 jQuery实现可拖动控制进度条

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8">

我就是我/ 2022年10月20日 13:51/ 0 赞/ 143 阅读

相关视频播放插件Video.js

来源：http://www.jq22.com/jquery-info404 Video.js最新v6.6.2版 2018-1-02更新 Bug 修复进度条时间工具

妖狐艹你老母/ 2022年05月28日 01:13/ 0 赞/ 378 阅读

相关视频进度条

<!DOCTYPE HTML> <html> <head> <meta charset="gbk">

缺乏、安全感/ 2022年05月23日 09:40/ 0 赞/ 240 阅读

相关 video视频播放

作者：LoveEmperor-王子様 > 更多资料：[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/vi

曾经终败给现在/ 2022年05月16日 01:55/ 0 赞/ 349 阅读

相关 JS自定义多媒体Video控制条（控制视频播放、进度、全屏案例）

案例参考先来看一下一些视屏控件 ![腾讯视屏控件][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cH

太过爱你忘了你带给我的痛/ 2022年04月23日 08:58/ 0 赞/ 1152 阅读

相关 canvas-圆弧形可拖动进度条

一、效果如下： See the Pen [XRmNRK][] by pangyongsheng ([@pangyongsheng][pangyongsheng]) on [C

淩亂°似流年/ 2021年11月23日 09:54/ 0 赞/ 344 阅读

相关 taro 视频播放组件Video

1、使用 <Video src='https://wxsnsdy.tc.qq.com/105/20210/snsdyvide

绝地灬酷狼/ 2021年07月25日 02:32/ 0 赞/ 725 阅读