jPlayer獲取播放時間

關於jPlayer的用法,能夠參考:jPlayer 2.6.0開發者手冊css

http://www.jplayer.cn/developer-guide.htmlhtml

 

視頻播放例子:ide

//視頻播放
var videoPlay = function(){
    $("#video").jPlayer({
        ready: function () {
            $(this).jPlayer("setMedia", {
                m4v: "http://n3-q.mafengwo.net/s9/M00/A9/D1/wKgBs1gan1qAG70PARSQeSbHDT8721.mp4"
            }).jPlayer("play");
            resizeVideo();
        },
        play: function(){
        },
        ended: function() {
            $(this).jPlayer("pause",1);
            $('.video_box').hide();
            $('.container').show();
            oHeader.css('display','block');
            $("html,body").animate({scrollTop:58},500,function(){
                $(".container .t-focus").addClass('current');
            });
        },
        timeupdate:function (e) {
            if(parseInt(e.jPlayer.status.currentTime) > 10) {
                $('.video_box .skip').css('display','block');
            }
            // console.log(parseInt(e.jPlayer.status.currentTime));
        },
        // size:{
        //     width: $(window).width() + "px",
        //     height: $(window).width() + "px"
        // },
        // sizeFull:{
        //     width: "100%",
        //     height: "100%",
        // },
        swfPath: '/swf',
        supplied: "m4v",
        solution: ("html,flash"),
        wmode: "window",
        backgroundColor:"#000000"
    });
}
//重置視頻大小
function resizeVideo(){
    var window_w = $(window).width() ;
    var window_h = $(window).height();

    var video_w = window_w;
    var video_h = window_h;
    if(window_w/window_h < 16/9){
        video_w = video_h*16/9;
    }else if(window_w/window_h > 16/9){
        video_h = window_w*9/16;
    }
    $("#video").jPlayer({
        // size:{
        //     // width: video_w + "px",
        //     height: video_h  + "px"
        // },
        fullScreen: true,
    });
}

 

獲取視頻播放時間(秒數)ui

 
 
e.jPlayer.status.currentTime
parseInt(e.jPlayer.status.currentTime)  轉爲int類型
timeupdate:function (e) {
},

 

還有其餘更多方法,請查看文檔。this

相關文章
相關標籤/搜索