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

忘是亡心i 2024-03-22 17:37 117阅读 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 条评论，117人围观）

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

相关阅读

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

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

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

相关 video-09-video音频视频进度条无法正常使用问题

> 开发过程中遇到了，进度条无法使用，吓我一跳，还以为是开发有问题呢目录一、现象二、原因三、解决 -------------------- 一、现象

秒速五厘米/ 2023年10月13日 08:57/ 0 赞/ 76 阅读

相关 video标签播放视频无法拖动进度条（使用nginx解决）

一、问题描述在开发页面的过程中，使用了video标签引入视频文件。视频可以正常播放，但是进度条无法控制视频进度，一点就会回到起点。二、问题分析正常可以操作的

青旅半醒/ 2023年09月29日 13:32/ 0 赞/ 35 阅读

相关 video标签播放视频不能拖动进度条问题

video标签播放视频不能拖动进度条解决方法：因为你的video的src不是直接使用视频文件的地址，而是通过后台接口返回文件流，后台返回流的时候没为respons

快来打我*/ 2023年07月10日 15:33/ 0 赞/ 62 阅读

相关视频播放拖动进度时间定位不准问题

Android、ios开发过程中遇到视频播放拖动进度时间定位不准问题，定位问题为视频本身缺少关键帧，做如下处理解决此问题。 ![watermark_type_ZmFuZ3po

小咪咪/ 2023年06月12日 04:29/ 0 赞/ 27 阅读

相关获取video视频播放长度

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

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

相关视频进度条

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

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

相关 video视频播放

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

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

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

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

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

相关 taro 视频播放组件Video

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

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