video.js 实现视频只能后退不能快进的思路详解
主要思路是点击进度条需要获取拖动前的时间点，我用mouseup事件去处理的，获得到了oldTime 就好办，然后根据需求限制拖动快进快退，因为项目允许回看，不允许快进，所以得记录maxTime，记录用户正常情况观看视频最大的那个时间点，不允许超过maxTime
var isMousedown = false;
var oldTime=0,newTime=0,maxTime=0;
//拖动进度条会先执行这个事件
$(".vjs-progress-holder").mouseup(function() {
isMousedown = true;
oldTime = vid1.currentTime();
});
//vid1就是videojs对象
vid1.on('timeupdate', function(){
if(isMousedown){
if(vid1.currentTime() > maxTime) {
vid1.currentTime(oldTime);
}
isMousedown=false;
}else{
if(vid1.currentTime() > maxTime) {
maxTime = vid1.currentTime();
}
}
});
总结
以上所述是小编给大家介绍的video.js 实现视频只能后退不能快进的思路详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持！
-
本文向大家介绍vue + typescript + video.js实现 流媒体播放 视频监控功能，包括了vue + typescript + video.js实现 流媒体播放 视频监控功能的使用技巧和注意事项，需要的朋友参考一下 视频才用流媒体，有后台实时返回数据， 要支持flash播放， 所以需安装对应的flash插件。当视频播放时，每间隔3秒向后台发送请求供检测心跳，表明在线收看状态,需要后
-
本文向大家介绍iOS实现视频和图片的上传思路，包括了iOS实现视频和图片的上传思路的使用技巧和注意事项，需要的朋友参考一下 关于iOS如何实现视频和图片的上传, 我们先理清下思路，然后小编根据思路一步一步给大家详解实现过程。 思路: #1. 如何获取图片? #2. 如何获取视频? #3. 如何把图片存到缓存路径中? #4. 如何把视频存到缓存路径中? #5. 如何上传? 接下来, 我们按照上面的思
-
本文向大家介绍Thinkphp5框架实现图片、音频和视频文件的上传功能详解，包括了Thinkphp5框架实现图片、音频和视频文件的上传功能详解的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了Thinkphp5框架实现图片、音频和视频文件的上传功能。分享给大家供大家参考，具体如下： 首先是同步上传，最为基础的上传的方式，点击表单提交之后跳转那种。如下前端代码 注意这里的enctype必须en
-
本文向大家介绍webpack构建换肤功能的思路详解，包括了webpack构建换肤功能的思路详解的使用技巧和注意事项，需要的朋友参考一下 最近项目中要实现一个换肤的功能，大体想了下，记录一下思路 要实现换肤功能，目标就是打包生成多份皮肤文件，需要哪个就用哪个 打包生成多份皮肤文件因为项目是使用webpack构建的，要想生成多份css文件，就要在入口中配置多个入口文件，每个入口文件会提取出一个cs
-
使用说明 能力说明 此能力主要用于为智能设备提供音频服务，使用前需要接入设备管理，功能包括歌单管理、点播服务，消费用户网盘里的音频文件。 接入步骤 1、获取access_token，参考开放平台接入文档 2、进行设备注册和设备绑定，参考开放平台设备管理接口文档：https://www.wenjiangs.com/doc/XrjSiCif 3、使用 access_token + deviceId 请
-
本文向大家介绍详解Python实现按任意键继续/退出的功能，包括了详解Python实现按任意键继续/退出的功能的使用技巧和注意事项，需要的朋友参考一下 前言 要实现该功能，需要的就是暂停程序、等待并捕捉用户的一个键盘输入，然后继续执行。Python 有内建的库能帮我们实现该功能，不过要区别对待 Windows 和 Linux。 msvcrt 中的 getch() 方法 能够帮助在 Windows