HTML 禁止拖动Video进度条 | 您所在的位置:网站首页 › 破解视频不能拉进度条 › HTML 禁止拖动Video进度条 |
其实当初我以为做这个很简单 然后我百度了一下,找到了以下几个办法 1、用个透明的层或图片把进度条盖住 2、如果是浏览器自动渲染是无法定义的,可以使用第三方的html5播放器插件, 3、自己写进度条 然后我需要一个去尝试 第一个很简单,一个DIV给挡住,但是包括进度条以及暂停和声量包括全屏无法点,我觉得挺好 的,就按照这个做了,然后就被喷了,不满足客户需求,奖励继续留下来加班。 第二个用其他插件,感觉 上面这个对于我来说和插件没啥区别,因为我都不会…. PASS 第三个,写进度条 网上找了很多代码,做到了这个功能,但是一旦全屏,失效 PASS 然后我找啊找啊,想啊想啊,可以用获取进度条的时间来模拟这个功能 var video = document.getElementById("my-video"); //获取video对象 var time1=video.currentTime;//设置进度条我只要去判断他前一秒和后一秒的视频时间差大于一秒的话,就让他们设置成前一秒的进度 废话不多说直接上代码 |
今日新闻 |
推荐新闻 |
专题文章 |
CopyRight 2018-2019 实验室设备网 版权所有 |