/*获取控制对象*/	
var vids=document.getelementbyid("vids");
var sskd=$(".controls1").width();/*替换原来的764*/
/*点击右边的话替换左边视频的地址链接以及替换播放器的名字*/
$(".one_tb").click(function(){
	$(this).addclass("on").siblings(".one_tb").removeclass("on");
	var hname=$(this).find("h3").html();
	var vid_src=$(this).attr("vid_src");
	$(".title_top").html(hname);
	vids.src=vid_src+xzdz;
	vids.play();
	})
/*点击暂停图标的时候*/		
$("#pass").click(function(){
	$(this).css({display:"none"});
	$(".controls1").addclass("xs")
	vids.play();
	});
/*点击控制按钮里面的暂停图标的时候*/	
$("#ztbf").click(function(){	
	if(vids.paused){
		vids.play()
		$("#ztbf").attr("class","fa fa-pause")
		}else{
			vids.pause()
			$("#ztbf").attr("class","fa fa-pause")
			}
})
/*不论任何途径只要是暂停或者播放*/
vids.onplay=function(){
	$("#pass").css({display:"none"});
	$("#ztbf").attr("class","fa fa-pause");
	}
vids.onpause=function(){
	$("#pass").css({display:"block"});
	$("#ztbf").attr("class","fa fa-pause");
	$("#pbar").on('mouseup',function(){
			$(this).off('mousemove')
			})
	}
/*时间转换器*/
function numformat(time){
    time = parseint(time);
    var h = addzero(math.floor(time/3600));
    var  m = addzero(math.floor((time%3600)/60));
    var s = addzero(math.floor(time%60));
    return h+":"+m+":"+s;
}
function addzero(num){
    if(num<10){
        return "0"+num;
    }else{
        return ''+num;
    }
}
/*当前时间/总的时间(canplay方法开始)*/
vids.oncanplay=function(){
var atime=numformat(vids.duration);
$("#atime").html(atime);
/*第一步,进度条跟着时间动(鼠标点下的时候)*/
vids.ontimeupdate=function(){
	sskd=$(".controls1").width()
	var hc=(vids.buffered.end(0)/vids.duration)*sskd;
	$("#buff").css({width:hc+'px'})
	var ntime=numformat(vids.currenttime);
	$("#ntime").html(ntime);
	/*当前的时间比上总的时间乘以总的长度*/
	var nlengh=(vids.currenttime/vids.duration)*(sskd-20);
	$("#pbar_move").css({width:nlengh+'px'});
	}
/*第二步,点击时的进度条*/
$("#pbar").mousedown(function(e){
	var clk=e.clientx;/*点击距离(点击在进度条区域)*/
	var pjl=$("#pbar").offset().left;/*获取进度条距离左边的距离*/	
	var mlengh=clk-pjl;/*移动的距离*/
	if(mlengh>=(sskd-20)){
		mlengh=(sskd-20)
		}
	$("#pbar_move").css({width:mlengh+'px'});/*改变进度条的距离*/
	var ctime1=mlengh/(sskd-20)*vids.duration;
	vids.currenttime=ctime1;
	var ctime2=numformat(ctime1);
	$("#ntime").html(ctime2);/*改变html的显示时间*/
	vids.play();
/*---------------------------------鼠标拖拽的距离---------------------------------------*/
	$(document).on('mousemove',function(e){
		vids.pause();
		var newleft=e.clientx-pjl;/*拖拽的距离*/
		if(newleft<=0){
            newleft=0;
        }
		if(newleft>=(sskd-20)){
			newleft=(sskd-20)
			}
		var ctime3=newleft/(sskd-20)*vids.duration;
		var ctime4=numformat(ctime3);
		$("#pbar_move").css({width:newleft+'px'});
		vids.currenttime=ctime3;
		$("#ntime").html(ctime4);
		})/*拖拽结束*/
/*----------------------------------鼠标松开----------------------------------------*/
		$("body").on('mouseup',function(){
			$(document).off('mousemove');
			vids.play();
			})/*松开结束*/
	})/*mousedown方法结束*/
}/*(canplay方法结束)*/
/*----------------------------------快进快退(点击html的时候)----------------------------------*/	
function ktui(){
	vids.currenttime-=10;
}
function kjin(){
	vids.currenttime+=10;
}
/*----------------------------------快进快退(点击键盘的时候)----------------------------------*/
$(document).keydown(function (event) {
	if (event.keycode===37){
		vids.currenttime-=10;
	}
	if (event.keycode===39){
		vids.currenttime+=10;
	}
	/*----暂停播放(点击键盘空格的时候)----*/
	if (event.keycode===32){
		if(vids.paused){
		vids.play()
		$("#ztbf").attr("class","iconfont icon-zanting")
		}else{
			vids.pause()
			$("#ztbf").attr("class","iconfont icon-zanting2")
			}
	}
	/*-----------退出全屏-----------*/
	if (event.keycode===27){
		$(".video_ls").removeclass("on");
		$(".controls1").css({width:"764px"})
	}
})
/*鼠标双击事件(双击播放器然后全屏)*/
$(".video_ls").dblclick(function(){
	$(".video_ls").addclass("on");
	var obox=$("body").width()-66;
	$(".controls1").css({width:obox+'px'})
});
/*全屏播放按钮*/
$("#qp").click(function(){
	if($(".video_ls").hasclass("on")){
		$(".video_ls").removeclass("on");
		$(".controls1").css({width:"764px"})
		}else{
			$(".video_ls").addclass("on");
			var obox=$("body").width()-66;
			$(".controls1").css({width:obox+'px'})
			}
})	
/*收藏*/
$("#like").click(function(){
	if($(this).hasclass("on")){
		$(this).removeclass("on")
		}else{
			$(this).addclass("on")
			}
	})
/*点赞*/
$("#zan").click(function(){
	if($(this).hasclass("on")){
		$(this).removeclass("on")
		}else{
			$(this).addclass("on")
			}
	})
/*音量加减*/
vbtn.onmousedown = function(ev){
    var ev=ev||window.event;
    var xs=ev.clientx - this.offsetleft;
    document.onmousemove = function(ev){
        var newlefts=ev.clientx-xs;
        if(newlefts<=0){
            newlefts=0;
        }else if(newlefts>=vbar.offsetwidth-vbtn.offsetwidth){
            newlefts=vbar.offsetwidth-vbtn.offsetwidth;
        }
        vbtn.style.left=newlefts+"px";
        vbar_in.style.width =(newlefts+8)+"px";
        var prop=newlefts/(vbar.offsetwidth-vbtn.offsetwidth);
        vids.volume =prop;
        //静音改变音量图标
        if(!vids.volume){
            icon.style.backgroundimage="url(images/iconb.png)"
        }else{
            icon.style.backgroundimage="url(images/icona.png)"
        }
    }
	document.onmouseup = function(){
	document.onmousemove = null;
	document.onmouseup = null;
    }
}