主要思路是點(diǎn)擊進(jìn)度條需要獲取拖動(dòng)前的時(shí)間點(diǎn)，我用mouseup事件去處理的，獲得到了oldTime 就好辦，然后根據(jù)需求限制拖動(dòng)快進(jìn)快退，因?yàn)轫?xiàng)目允許回看，不允許快進(jìn)，所以得記錄maxTime，記錄用戶正常情況觀看視頻最大的那個(gè)時(shí)間點(diǎn)，不允許超過(guò)maxTime

創(chuàng)新互聯(lián)建站-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比紅河網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式紅河網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋紅河地區(qū)。費(fèi)用合理售后完善，十載實(shí)體公司更值得信賴。

var isMousedown = false;
var oldTime=0,newTime=0,maxTime=0;
//拖動(dòng)進(jìn)度條會(huì)先執(zhí)行這個(gè)事件
$(".vjs-progress-holder").mouseup(function() {
  isMousedown = true;
  oldTime = vid1.currentTime();
});
//vid1就是videojs對(duì)象
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 實(shí)現(xiàn)視頻只能后退不能快進(jìn)的思路詳解，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)創(chuàng)新互聯(lián)網(wǎng)站的支持！

當(dāng)前名稱：video.js實(shí)現(xiàn)視頻只能后退不能快進(jìn)的思路詳解
分享網(wǎng)址：http://jinyejixie.com/article0/gdjhio.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)公司、網(wǎng)站收錄、網(wǎng)站營(yíng)銷、搜索引擎優(yōu)化、手機(jī)網(wǎng)站建設(shè)、全網(wǎng)營(yíng)銷推廣

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)