var run  = {
    ismobile:function(){
        var useragentinfo = navigator.useragent,agents = ["android", "iphone","symbianos", "windows phone","ipad", "ipod"],flag = false;
        for (var v = 0; v < agents.length; v++) {
            if (useragentinfo.indexof(agents[v]) > 0) {
                flag = true;
                break;
            }
        }
        return flag;
    },

    singvideo:function(dom,data,size){ //单个视频播放器，可重复调用
        if(data.poster==""||data.poster==null||data.poster=='undefined'){
            data.poster='images/video-def.jpg';
        }

        if(run.ismobile()){
          
            size.width = '100%';
            size.height = (size.height/100-0.25)+'rem';
            var singlevideo = dom.jplayer({
                ready: function () {
                    $(this).jplayer("setmedia", data);
                    $(this).find("video").attr({
                        "x5-playsinline":"true",
                        "x-webkit-airplay":"allow",
                        "playsinline":"",
                        "controls":false
                    });
                },
                play:function(event){
                    $(this).find("video").attr({
                        "controls":true
                    });
                },
                swfpath: "../../dist/jplayer",
                supplied: "webmv, ogv, m4v",
                size: {
                    width: size.width,
                    height: size.height,
                    cssclass: size.cls
                },
                fullwindow:false,
                nofullwindow:{
                    android_phone: /android.*?mobile/,
                    iphone: /iphone/,
                },
                nativevideocontrols:{
                    all: /./
                },
                preload:'auto',
                usestateclassskin: true,
                autoblur: true,
                smoothplaybar: true,
                keyenabled: true,
                remainingduration: false,
                toggleduration: true
            });
        }
        else{
            size.width +='px';
            size.height +='px';
            var singlevideo = dom.jplayer({
                ready: function () {
                    $(this).jplayer("setmedia", data).jplayer("play");
                    dom.parent().find(".jp-mute").on("mouseover",function(){
                        var that = $(this);
                        $(this).prev().css({
                            'visibility': 'visible',
                        });
                        $(this).parent().addclass("jp-volume-controls-sel");
                        $(this).parent().off().mouseleave(function(){
                            $(this).removeclass("jp-volume-controls-sel");
                            that.prev().css({
                                'visibility': 'hidden',
                            });
                        });

                    });
                },
                swfpath: "../../dist/jplayer",
                supplied: "webmv, ogv, m4v",
                size: {
                    width: size.width,
                    height: size.height,
                    cssclass: size.cls
                },
                usestateclassskin: true,
                autoblur: true,
                smoothplaybar: true,
                keyenabled: true,
                remainingduration: false,
                toggleduration: true
            });
        
        }
    },
    videoopen:function(dom,data,size){

        var html = '<div class="jp-mask"></div><div id="jp_container_'+ dom.attr("data-id") +'" class="jp-video jp-video-open" role="application" aria-label="media player"><div class="jp-close"></div>'+
        '<div class="jp-type-single"> <div id="jquery_jplayer_'+ dom.attr("data-id") +'" class="jp-jplayer"></div><div class="jp-video-play">'+
        '<button class="jp-video-play-icon" role="button" tabindex="0">play</button></div><div class="jp-gui">'+
        '<div class="jp-interface"><div class="jp-progress"><div class="jp-seek-bar"><div class="jp-play-bar"></div></div></div>'+
        '<div class="jp-controls-holder"><div class="jp-controls"><button class="jp-play" role="button" tabindex="0">play</button>'+
        '<button class="jp-stop" role="button" tabindex="0">stop</button><div class="jp-time-wrap"><div class="jp-current-time" role="timer" aria-label="time">&nbsp;</div>'+
        '<div class="jp-duration" role="timer" aria-label="duration">&nbsp;</div></div></div>'+
        '<div class="jp-toggles"><button class="jp-full-screen" role="button" tabindex="0">full screen</button></div>'+
        '<div class="jp-volume-controls"><div class="jp-volume-bar"><div class="jp-volume-bar-value"><div class="jp-volumn-dot"></div>'+
        '</div></div><button class="jp-mute" role="button" tabindex="0">mute</button></div></div></div></div></div></div>';


        // dom.off().on("click",function(){
            $('#jp_container_'+ dom.attr("data-id")).remove();
            $("body").append(html);
            
            $(".jp-close").off().on("click",function(){
                $('#jp_container_'+ dom.attr("data-id")).remove(); 
                $('.jp-mask').remove();
            });
           
                var singlevideo = $('#jquery_jplayer_'+ dom.attr("data-id")).jplayer({
                    ready: function () {
                        $(this).jplayer("setmedia", data).jplayer("play");
                        $('#jp_container_'+ dom.attr("data-id")).parent().find(".jp-mute").on("mouseover",function(){
                            var that = $(this);
                            $(this).prev().css({
                                'visibility': 'visible',
                            });
                            $(this).parent().addclass("jp-volume-controls-sel");
                            $(this).parent().off().mouseleave(function(){
                                $(this).removeclass("jp-volume-controls-sel");
                                that.prev().css({
                                    'visibility': 'hidden',
                                });
                            });
    
                        });
                    },
                    swfpath: "../../dist/jplayer",
                    supplied: "webmv, ogv, m4v",
                    size: {
                        width: size.width,
                        height: size.height,
                        cssclass: size.cls
                    },
                    usestateclassskin: true,
                    autoblur: true,
                    smoothplaybar: true,
                    keyenabled: true,
                    cssselectorancestor: "#jp_container_" + dom.attr("data-id"),
                    remainingduration: false,
                    toggleduration: true
                });
                 
               if(run.ismobile()){
                   $(".jp-video-open").css("top","35%")
               }
            
        // });

       
    }
   
}


$(function(){
    $(".run-open").each(function(index){
        $(this).off().on("click",function(){
            var videohref = $(this).attr("data-href");
            var videoposter = $(this).attr("data-poster");
         
            if(videohref == "" && videohref == null && videohref == undefined){
                videohref.attr("data-href","https://www.crc.com.cn/newyear/2020/b.mp4")
            } 
            if(videoposter == "" && videoposter == null && videoposter == undefined){
                videoposter.attr("data-poster","../../images/video-def.jpg")
            } 
            var data = {
                title: "",
                m4v: videohref,
                poster: videoposter,
                autoplay: true
            };
            var size = {
                width:750,
                height:450,
                cls:'jp-video-800p'
            }
            run.videoopen($(this),data,size);
        });
    });
});