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();
}
}
});另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
当前文章:video.js实现视频只能后退不能快进的思路详解-创新互联
本文地址:http://www.jxjierui.cn/article/dscjcc.html


咨询
建站咨询
