var GlobalClickNum=0;
var playerIDList=[];
$(function(){
    

	var currMedia = {};

    var initMeida = function(mid,jpgUrl,title,node,clickNum) {

        $(node).hide();
        $(node).next().show();
        $(node).next().empty();
        var videoid = "my-video"+clickNum;
        addPlayerIDList(videoid);
        
        var videoHtml = "";
        var ua = navigator.userAgent.toLowerCase();
        if(/ipod|iphone|ipad/i.test(ua) || /android/i.test(ua) || /mobile/i.test(ua)) {
        	videoHtml='<video id="' + videoid + '" class="video-js  vjs-big-play-centered" controls preload="none" width="360" height="360"  poster="" ></video>';
	    } else {
	    	videoHtml='<video id="' + videoid + '" class="video-js  vjs-big-play-centered" controls preload="none" width="480" height="360"  poster="" ></video>';
	    }
        $(node).next().append(videoHtml);
        $(node).next().css("display","block");
        $.get("/httpvod/manager/share/media/info/"+mid, function (response) {
                currMedia = response;
                mediaPlayerInit(videoid,currMedia,title,jpgUrl)
                pauseOtherPlayer(videoid);
            });


    };
    var addPlayerIDList = function(videoid) {
        if(!isContainPlayerID(videoid)){
            playerIDList.push(videoid);
        }
    };
    var isContainPlayerID=function(videoid){
        if(playerIDList){
            for(var i=0;i<playerIDList.length;i++){
                if(playerIDList[i] == videoid){
                    return true;
                }
            }
        }else{
            return false;
        }
        return false;
    };
    var pauseOtherPlayer=function(videoid){
        for(var i=0;i<playerIDList.length;i++){
            if(playerIDList[i] != videoid){
                let videoid2 = playerIDList[i];
                if(document.getElementById(videoid2)!=null){
                	videojs(videoid2).pause();
                }
                
            }
        }
    };


    var mediaPlayerInit = function(videoid,media,title,jpgUrl) {
        var videoHtmlId='#'+videoid;
        var videoSrc=media.shareBaseUrl+media.indexM3u8;

        var videoType = "application/x-mpegURL";
        videojs(videoid, {
            controls: true,
            preload: "auto",
            poster: jpgUrl,
            sources: [
                {
                    src: videoSrc,
                    type: videoType
                }
            ],
            autoplay: true,
            loop: false,
            muted:false,
            volume:0,
            language: 'zh-CN',
            fluid: false,

            nativeControlsForTouch: false,
            notSupportedMessage: '姝よ棰戞殏鏃犳硶鎾斁锛岃绋嶅悗鍐嶈瘯',
            bigPlayButtion: true, 
            textTrackButtion: false,
            errorDisplay: false,
            playbackRates:[0.5,1,1.5,2,3],
            controlBar: { 
                currentTimeDisplay: true,
                durationDisplay: true,
                // playbackRateMenuButton: false,  //鎾斁閫熺巼
                remainingTimeDisplay: false,
                timeDivider: true,
                progressControl: true,
                volumePanel: {
                    inline: false
                },
                muteToggle: false,
                fullscreenToggle: true 
            },
            techOrder: ["html5"] 

        }, function onPlayerReady() {
            var vdthis = this;
            videojs.log('ok');
            $("#"+videoid+" .vjs-time-control").show();
            vdthis.volume(0.5);
            vdthis.play();

            vdthis.currentTime(currMedia.playTime);
            vdthis.on('play', function () {
                $("#"+videoid+ "  .vjs-big-play-button").hide();
                //pauseOtherPlayer(videoid);
            })


            vdthis.on("click", function () {
                pauseOtherPlayer(videoid);
            });
            vdthis.on('ended', function () {
                videojs.log('ended');
            })

            vdthis.on('timeupdate', function (e) {
            });

            vdthis.on('pause', function () {
                $("#"+videoid + "  .vjs-big-play-button").show();
            });

            
            this.on('error', function () {
                var mediaError = this.error();
                console.log(mediaError);
                if (mediaError.code == 1) {
                } else if (mediaError.code == 2) {
                } else if (mediaError.code == 3) {
                } else if (mediaError.code == 4) {
                } else if (mediaError.code == 5) {
                }
            });

        });

    }

    $(".divPlayerImgResponsive").off('click').on('click', function() {
        GlobalClickNum++;
        var jpgUrl =  $(this).find("img").attr("src");
        var mid = $(this).find("img").attr("id");
        initMeida(mid,jpgUrl,"鏍囬",this,GlobalClickNum);
        return false;
    });

});