zoukankan      html  css  js  c++  java
  • jPlayer获取播放时间

    关于jPlayer的用法,可以参考:jPlayer 2.6.0开发者手册

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

    视频播放例子:

    //视频播放
    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:{
            //      $(window).width() + "px",
            //     height: $(window).width() + "px"
            // },
            // sizeFull:{
            //      "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:{
            //     //  video_w + "px",
            //     height: video_h  + "px"
            // },
            fullScreen: true,
        });
    }

    获取视频播放时间(秒数)

    
    
    e.jPlayer.status.currentTime
    parseInt(e.jPlayer.status.currentTime)  转为int类型
    timeupdate:function (e) {
    },

    还有其他更多方法,请查看文档。

  • 相关阅读:
    无重叠区间
    ARC109E 1D Reversi Builder
    IOI2021集训队作业129CF Longest Rivers
    IOI2021集训队作业281CA Balanced Diet
    IOI2021集训队作业227CB Branch Assignment
    IOI2021集训队作业277BK Tours
    IOI2021集训队作业125AA Baggage
    6894. 【2020.11.25提高组模拟】小 S 埋地雷 (loj6611. 摧毁时间线)
    ARC108 题解&总结
    HTML教程
  • 原文地址:https://www.cnblogs.com/wangkongming/p/6475487.html
Copyright © 2011-2022 走看看