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;
    },
    adaptive:function(){    //绉诲姩绔€傞厤
        window['adaptive'].desinWidth = 750;
        window['adaptive'].baseFont = 28;
        window['adaptive'].setRemCallback = function() {}
        window['adaptive'].init();
    },
    singVideo:function(dom,data,size){ //鍗曚釜瑙嗛鎾斁鍣紝鍙噸澶嶈皟鐢
        if(data.poster==""||data.poster==null||data.poster=='undefined'){
            data.poster='/images/pic-vidoe-defualt.jpg';
        }

            size.width +='px';
            size.height +='px';
            var singleVideo = dom.jPlayer({
                ready: function () {
                    $(this).jPlayer("setMedia", data);
                    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){
        if(data.poster==""||data.poster==null||data.poster=='undefined'){
            data.poster='https://crculture.crc.com.cn//assets/images/video-def.jpg';
        }
        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-mask,.jp-close").off().on("click",function(){
                $('#jp_container_'+ dom.attr("data-id")).remove();
                $('.jp-mask').remove();
            });
            if(RUN.isMobile()){
                RUN.adaptive();
                size.width = '100%';
                var clickHeight = (size.height/100-0.25);
                
                var singleVideo = $('#jquery_jplayer_'+ dom.attr("data-id")).jPlayer({
                    ready: function () {
                        $(this).jPlayer("setMedia", data);
                        $('#jp_container_'+ dom.attr("data-id")).height($('#jquery_jplayer_'+ dom.attr("data-id")).height());
                        $(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: clickHeight+'rem',
                        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{
                var singleVideo = $('#jquery_jplayer_'+ dom.attr("data-id")).jPlayer({
                    ready: function () {
                        $(this).jPlayer("setMedia", data);
                        $('#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,
                    remainingDuration: false,
                    toggleDuration: true
                });
            
            }
        });

       
    }
}


$(function(){
    var dataHref = $("#jquery_jplayer_1").attr("data-href");
    var dataPostr = $("#jquery_jplayer_1").attr("data-poster");
    
    if(dataHref == "" && dataHref == null && dataHref == undefined){
        dataHref.attr("data-href","https://www.crc.com.cn/newyear/2020/b.mp4")
    } 
    if(dataPostr == "" && dataPostr == null && dataPostr == undefined){
        dataPostr.attr("data-poster","../../images/video-def.jpg")
    } 
    var data = {
        title: "",
        m4v: dataHref,
        poster: dataPostr
    };
    console.log("111",data)
    var size = {
        width:700,
        height:295,
        cls:'jp-video-800p'
    }

    if($(".run-open")&&$(".run-open").length){
        RUN.videoOpen($(".run-open"),data,size); 
    }
    else{
        RUN.singVideo($("#jquery_jplayer_1"),data,size); 
    }


});