video视频标签怎么禁止用户拖动进度条快进

昨天经理给我一个需求 , 让我查一下h5播放视频怎么禁止用户快进, 然后刚刚搜了下, 实现了出来,代码如下 , 效果就是我点进度条想快进的话 , 会强制退回去, 这样用户就不能快进了

<body><video src="./vlog.mp4" muted controls loop poster=""></video>
</body>
<script>// 禁止快进var sym;var video = document.querySelector("video")setInterval(function () {var time = video.currentTimeif (time - sym > 1) {video.currentTime = sym}sym = video.currentTime}, 500);
</script>

video视频标签怎么禁止用户拖动进度条快进相关推荐

关于前端video标签视频无法拖动进度条快进问题(Django)
因为后端返回的是视频的文件流,并不是视频文件地址.后端返回流的时候要为header设置一些参数,否则部分浏览器会出现问题(如Google Chrome...). django中常用返回文件流写法: c ...
uniapp实现video视频禁止拖拽快进功能,禁止拖动进度条快进
之前写了一篇文章 , 禁止快进的 , 但刚刚发现在uni-app中实现不了 , 所以又上网找别的方法,话不多说, 上代码一 , template中 <video id="myVide ...
video播放器禁用or启用拖动进度条
做视频教育网站客户提出一个需求: 视频学习完毕时,在观看视频能够拖动进度条.未观看完毕时,禁止拖动视频进度条,只能倍速播放; 用的插件的 videojs一开始用的是 disableProcess.j ...
如何控制H5 video 只能后退（向后拖动）不能快进（向前拖动）
隐藏浏览器自带的控制条自己实现一个控制器用户习惯于在看视频时查看已经播放了多少,和还剩多少. 给你的播放器添加一个简单的进度条,可以用 div 标签和 span 标签.可以增加 span 的宽度来显 ...
JS video 禁止拖动进度条
需要实现一个效果,视频加载的过程中禁止拖动进度条快进. 开始呢我想着把控件禁掉,自动播放解决. <video id="video" src="http://kuan ...
异常：谷歌浏览器video标签播放视频不能拖动进度条
谷歌浏览器video标签播放视频不能拖动进度条当前端video的src不是直接使用视频文件的地址,而是通过后台下载接口返回文件流时,后台返回流因为没为response的header设置一些参数,会在 ...
html如何设置视频不能拖动,video标签播放视频不能拖动进度条(示例代码)
因为你的video的src不是直接使用视频文件的地址,而是通过后台接口返回文件流,后台返回流的时候没为response的header设置一些参数,否则会在部分浏览器有问题 String rangeSt ...
Video 全屏播放、禁止拖动进度条、禁止下载
全屏播放 ios:默认全屏播放模式,不做处理: 安卓:默认小屏播放模式,特殊处理,以下是实现代码: /** * @description 安卓全屏播放模式 * @video DOM节点 */ fu ...
【网页上视频无法拖动进度条，如何进行加速播放操作以及网页失焦后如何可继续播放】
面对网页视频无法加速时如何进行加速播放遇到一 zhengzhi 刷题任务时 ,发现无法拖动进度条,也没有加速播放并且鼠标一失焦就会自动暂停时,让我乖乖看完是不可能,因此找了一个解决方案快速完成该任务 ...

video视频标签怎么禁止用户拖动进度条快进

video视频标签怎么禁止用户拖动进度条快进相关推荐

最新文章

热门文章