某网站的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();

 }