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