欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

video.js 實現(xiàn)視頻只能后退不能快進的思路詳解

 更新時間:2018年08月09日 11:36:55   作者:橘子烙餅-yinjj  
這篇文章主要介紹了video.js 實現(xiàn)視頻只能后退不能快進的思路詳解,主要思路是點擊進度條需要獲取拖動前的時間點,具體實例代碼大家跟隨小編一起看看吧

主要思路是點擊進度條需要獲取拖動前的時間點,我用mouseup事件去處理的,獲得到了oldTime 就好辦,然后根據(jù)需求限制拖動快進快退,因為項目允許回看,不允許快進,所以得記錄maxTime,記錄用戶正常情況觀看視頻最大的那個時間點,不允許超過maxTime

var isMousedown = false;
var oldTime=0,newTime=0,maxTime=0;
//拖動進度條會先執(zhí)行這個事件
$(".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();
   }
 }
 });

總結(jié)

以上所述是小編給大家介紹的video.js 實現(xiàn)視頻只能后退不能快進的思路詳解,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

相關(guān)文章

最新評論