某网站的videojs的配置及操作

某网站的videojs的配置及操作

一、总结

一句话总结：

多参照参照别人的例子就好，省事

1、videojs如何获取用户当前视频的位置？

this.currentTime()

2、回到视频开始处？

player.currentTime(0);

二、内容在总结中

 options={
     playbackRates: [1,1.25,1.5,1.75,2],
     controlBar: {
         volumePanel: {
             inline: false //默认是true,横着的
         }
     }
 };

 player=videojs('my-video',options);

 player.ready(function() {
     this.hotkeys({
         volumeStep: 0.1,
         seekStep: 5,
         enableVolumeScroll: false,
         enableModifiersForNumbers: false
     });
 });

 player.on('ended',function(){
     hourid=player.now_hourid;

     if(nv>1){
         oldposter=$('.video-js').attr('oldposter');

         $('.vjs-poster').css({'background-image':oldposter});
         $('#my-video_html5_api').attr({'poster':oldposter});

         notice_go();

         $('.fullscreen').appendTo('.video-js').show();
         $('.vrepeat').appendTo('.video-js').show();

         nv=vlogo;
     }else{
         ajaxvideo(hourid);
         $('.vjs-poster').css({'background-image':'none'});
         $('#my-video_html5_api').attr({'poster':''});
         player.play();
     }
 });

 player.on('play',function(){
     if(nv==1){
         $('.vjs-control-bar').hide();
     }else{
         $('.vjs-control-bar').show();

         if(player.srecordok){
             srecord();
         }
     }

     notice_go();

 });

 player.on('pause',function(){
     clearInterval(srobj);
 });

 //学习记录
 function srecord(){
     srobj=setInterval(function(){
         cid='46';
         hid=player.now_hourid;
         run=player.currentTime();

         $.post('/Online/srecord',{'cid':cid,'hid':hid,'run':run});
     },5000);
 }

 player.on('timeupdate',function(){
     uid="8063";
     ctime=player.currentTime();

     if(!uid){
         if(ctime>=30){
             this.pause();
             notice_go();
             $('.plogin,.fullscreen').show();
             return false;
         }
     }
 });

 function notice_go(){
     $('.buycourse,.readcourse,.plogin,.vrepeat,.flogin,.fullscreen,.srecord').hide();
 }

 function ajaxvideo(hourid){
     clearInterval(srobj);

     $.ajax({
         type:'post',
         url:'/online/getvideo',
         data:{'hourid':hourid,'nv':nv,'md5_token':md5_token},
         async:false,
         dataType:'json',
         success:function(free){
             if(free.s=='1'){
                 nv++;
                 player.src({'src':free.m3,'type':'application/x-mpegURL'});
                 player.now_hourid=hourid;
                 player.srecordok=free.srecordok;

                 $('.vjs-playback-rate-value').html('1x');
                 $('.vjs-menu-item').removeClass('vjs-selected');
                 $('.vjs-menu-item').last().addClass('vjs-selected');

                 $('.chapter_hour_str').html(free.chapter_hour_str);
                 $('.l-footer').html(free.prev_next);
                 $('.readcourse').html(free.welcome);
                 $('.vrepeat').html(free.next_end);
             }

             ajax_free=free;
         }
     });
     return ajax_free;
 }

 ajaxvideo(hourid);

 $('.srecord .pvrepeat_replay').click(function(){
     player.currentTime(srow_run);
     player.play();
 });

 $('.srecord .vrepeat_next').click(function(){
     player.currentTime(0);
     player.play();
 });

 // 到达上次记录
 if(srow_run){
     $('.fullscreen').show();
     $('.srecord').show();
 }

 $('.nofabu').click(function(){
     alert('亲，该节视频还未更新，每周都会有更新的，敬请关注');
     return false;
 });

 $('.filedown').click(function(){
     id=this.id;
     obj=$(this);
     uid="8063";

     player.pause();

     if(uid){
         $.ajax({
             type:'post',
             url:'/filedown',
             data:{id:id},
             async:false,
             success:function(rst){
                 if(rst!='0'){
                     obj.attr({'href':rst});
                     compute();
                 }else{
                     notice_go();
                     $('.fullscreen,.buycourse').show();
                 }
             }
         });
     }else{
         notice_go();
         $('.fullscreen,.flogin').show();
     }

 });

 $('.rightvideoli').click(function(){
     $('.rightvideoli').find('.mylearnhour1').css({'color':'#F78080'});
     $('.rightvideoli').find('.gohour').css({'color':'#000'});
     $('.rightvideoli').find('.mybackground').hide();

     $(this).find('.mybackground').show();
     $(this).find('.mylearnhour1,.gohour').css({'color':'#fff'});
 });

 $('.rightfileli').mouseenter(function(){
     $('.rightfileli').find('.mylearnhour1').css({'color':'#F78080'});
     $('.rightfileli').find('.filedown').css({'color':'#000'});
     $('.rightfileli').find('.mybackground3').hide();

     $(this).find('.mybackground3').show();
     $(this).find('.mylearnhour1,.filedown').css({'color':'#fff'});
 });

 $('.rightfileli').mouseleave(function(){
     $(this).find('.mybackground3').hide();
     $('.rightfileli').find('.mylearnhour1').css({'color':'#F78080'});
     $('.rightfileli').find('.filedown').css({'color':'#000'});
 });

 $('.nofabu').mouseenter(function(){
     $('.nofabu').find('.mylearnhour2').css({'color':'#a8a8a8'});
     $('.nofabu').find('.gohour2').css({'color':'#000'});
     $('.nofabu').find('.mybackground2').hide();

     $(this).find('.mybackground2').show();
     $(this).find('.mylearnhour2,.gohour2').css({'color':'#fff'});
 });

 $('.nofabu').mouseleave(function(){
     $(this).find('.mybackground2').hide();
     $(this).find('.gohour2').css({'color':'#000'});
     $('.nofabu').find('.mylearnhour2').css({'color':'#a8a8a8'});
 });

 $('body').delegate('.gohour,.return-prev,.return-next','click',function(){
     hourid=$(this).attr('hourid');
     sort=$(this).attr('sort');

     nv=vlogo;

     oldposter=$('.video-js').attr('oldposter');
     $('.vjs-poster').css({'background-image':'url('+oldposter+')'});
     $('#my-video_html5_api').attr({'poster':oldposter});

     ajax_res=ajaxvideo(hourid);

     menu_item(sort);

     notice_go();
     if(ajax_res.acl>0){

         $('.fullscreen,.readcourse').finish().show();
         $('.fullscreen,.readcourse').finish().fadeOut(2000);
     }else{
         $('.fullscreen,.buycourse').show();
     }
 });

 $('body').delegate('.vp_next,.vrepeat_replay','click',function(){
     hourid=$(this).attr('hourid');
     sort=$(this).attr('sort');

     nv=vlogo;

     oldposter=$('.video-js').attr('oldposter');
     $('.vjs-poster').css({'background-image':'url('+oldposter+')'});
     $('#my-video_html5_api').attr({'poster':oldposter});

     ajax_res=ajaxvideo(hourid);

     menu_item(sort);

     notice_go();
     if(ajax_res.acl>0){

         $('.fullscreen,.vrepeat').finish().show();
         $('.fullscreen,.vrepeat').finish().fadeOut(2000);
     }else{
         $('.fullscreen,.buycourse').show();
     }
 });

 menu_n="2";
 menu_item(menu_n);

 function menu_item(menu_n){
     $('.rightvideoli').find('.gohour').css({'color':'#000'});
     $('.rightvideoli').find('.mylearnhour1').css({'color':'#F78080'});
     $('.rightvideoli').find('.mybackground').hide();

     $('.rightvideoli').eq(menu_n-1).find('.gohour,.mylearnhour1').css({'color':'#fff'});
     $('.rightvideoli').eq(menu_n-1).find('.mybackground').show();
 }