目前在弄一个微信公众号的学习网课功能，然后要求是需要禁止快进和回退。
隐藏进度条的方法可能不适应所有手机。
求前端大神 来解决一下 如何用 js 去鉴定视频是否快进或者回退。然后对其进行禁止或者返回视频原点。
隐藏进度条的方法可能不适应所有手机。
求前端大神 来解决一下 如何用 js 去鉴定视频是否快进或者回退。然后对其进行禁止或者返回视频原点。
This topic created in 2307 days ago, the information mentioned may be changed or developed.
 |
ciaolyJul 19, 2020 via Android
1
非大神，抛砖引玉。
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video h5 的 video 提供了几个事件回调可以监听进度条变动和播放时间变动，也许可以在后台开个计时器做时间比对。 |
 |
whypoolJul 19, 2020
2
视频用 canvas 画出来，可以完美控制
控制条的功能覆盖 |
 |
lizhemingJul 19, 2020
3
基本上就是记录当前播放的时间，ontimeupdate 的时候根据这个缓存的时间做对比，如果大于多少的时候则认为是快进，重新设置为缓存时间，否则就直接更新为缓存时间。
|
 |
nukJul 19, 2020
5
加个透明遮罩层。。点击只能播放 /暂停
|
 |
ysc3839Jul 19, 2020
6
要求学习多长时间这种，建议后端直接记录开始学习的时间，然后看当前时间够不够，前端完全不用限制，这么做简单还没有明显漏洞。
|
 |
ThirdFlameJul 19, 2020
7
后台判定 如果该视频的学习时长小于视频文件时长，判定该学习未完成即可。 让快进 做无用功。
如果仅仅是不允许自己调整进度的话，那这个方法无效。 |
 |
yuzo555Jul 19, 2020 via Android
9
seeked 事件时判断时间是否超过缓存的最大时间，缓存的最大时间在 timeupdate 事件的时候记录。
|
 |
BreadKillerJul 19, 2020
11
|
 |
npeJul 20, 2020 via iPhone
12
计时器....
|
 |
raaaaaarJul 20, 2020 via Android
13
就是你把鬼子引导这里来的？
|
Select Language