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

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

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

相关阅读

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

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

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

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

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

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

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

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

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

相关获取video视频播放长度

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

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

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

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

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

相关视频播放插件Video.js

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

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

相关视频进度条

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

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

相关 video视频播放

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

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

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

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

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

相关 taro 视频播放组件Video

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

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