// javascript document
var video={
	//slick
	//先判断每个是否存在视频
	hasvideo:function(v){
		$(v).find("li").each(function(){
			var e=$(this).find("video").length
			if(e>=1){
				$(this).addclass("has-video");
			}
		});
    },
	//添加slick插件切换
	slick_js:function(a){
		a.slick({speed: 1000,autoplayspeed: 4000,arrows:false,dots:true,autoplay: true,fade: true});
	},
	//移动端不带视频
	//a：主体    b：0为移动端删除视频，填写0以外数字 暂时表示移动端不删除视频
	slick_one:function(a,b){
		video.hasvideo(a);
		if(b==0){
		//刷新移动端去掉视频
		 if($(window).width()<1024){
			$(a).find(".has-video video").remove()
		  }
			}
		//添加slick插件切换
		var main=$(a).find(".slider")
		video.slick_js(main);
		//初始(解决如果第一位为视频不能播放完才切换)
		if($(a).find(".slider").find("li").eq(0).hasclass("has-video")){
				   var id=$(a).find(".slider").find("li").eq(0).find("video").attr("id")
			       var fvideo=document.getelementbyid(id)
				   fvideo.play();
				  main.slick("slickpause");
				   fvideo.addeventlistener("ended",function(){
					 main.slick("slicknext");
				   });
		}
		//切换过程
		main.on('afterchange', function(event, slick, currentslide, nextslide){
		if($(window).width()>1025){
			var vm=$(a).find("li.slick-slide")
            if(vm.find("video").length>=1){
                vm.find("video")[0].pause()
			    main.slick("slickplay");
            }
               if(vm.eq(currentslide).hasclass("has-video")){
				   var numid=vm.eq(currentslide).find("video").attr("id")
				   console.log(numid)
				   var myvideo=document.getelementbyid(numid)
				   myvideo.play();
				  main.slick("slickpause");
				   myvideo.addeventlistener("ended",function(){
					 main.slick("slicknext");
				   });
			   }
			   }
       });
		//end
	},
	//移动端带上视频 需点击播放 不自动播放
	slick_two:function(a){
		//先执行第一方法
		video.slick_one(a);
		//分别出pc端跟移动端 video 标签
		$(function ($) {
			$(window).on("resize", function (e) {

				   var main=$(a).find(".slider")
					main.find("li.has-video").each(function(){
						var files=$(this).find("video").attr("src")
						var vid=$(this).find("video").attr("id")
						var pc="<video src="+files+" muted autoplay  id="+vid+">"
						var wap="<video id="+vid+" src="+files+"   preload='auto' controls='' x-webkit-airplay='true' x5-video-player-type='h5' x5-video-player-fullscreen='true' webkit-playsinline='true' playsinline='true'></video><a class='open-video'></a>"
					   if($(window).width()<=1024){
							main.slick("slickplay");//pc响应到移动端 需开始播放 因为pc视频正在播放就已经吧切换暂停了
							$(".open-video").remove();
						   $(this).append(wap);
							$(this).find("video").eq(0).remove();
						   //生成视频跟按钮之后
						   //点击播放
						   $(".open-video").click(function(){
							   $(this).parent("li").addclass("video-show");
							   var video=$(this).parent().find("video")[0]
							    video.play();
				                main.slick("slickpause");
						       video.addeventlistener("ended",function(){
								    main.slick("slicknext");
							      $(this).parent("li").removeclass("video-show");
							   });
							   //判断焦点按钮切换 暂停视频 (此判断可能不需要 因为在微信打开页面 视频都全屏显示播放 要关闭才能去焦点及按钮切换)
							   main.on('afterchange', function(event, slick, currentslide, nextslide){
								    main.find("li").eq(currentslide-1).removeclass("video-show");
								    video.pause();
							          main.slick("slicknext");
							   });
						   });
						   //点击播放 end
						   
						}else{
							$(".open-video").remove();
						   $(this).append(pc);
							$(this).find("video").eq(0).remove();
						}				
					});

			}).trigger("resize");
		});
		//end
	},
	//视频直接循环播放  移动端保留点击再播放
	slick_three:function(a,b){
		video.hasvideo(a);
		if(b==0){
		//刷新移动端去掉视频
		 if($(window).width()<1024){
			$(a).find(".has-video").remove()
		  }
			}
		video.slick_js($(a).find(".slider"));
		//移动端视频不循环 需点击播放 播放时不停止切换
		$(function ($) {
			$(window).on("resize", function (e) {
				   var main=$(a).find(".slider")
					main.find("li.has-video").each(function(){
						var files=$(this).find("video").attr("src")
						var vid=$(this).find("video").attr("id")
						var pc="<video src="+files+" muted autoplay loop  id="+vid+">"
						var wap="<video id="+vid+" src="+files+"   preload='auto' controls='' x-webkit-airplay='true' x5-video-player-type='h5' x5-video-player-fullscreen='true' webkit-playsinline='true' playsinline='true'></video><a class='open-video'></a>"
				   if($(window).width()<=1024){
							$(".open-video").remove();
						   $(this).append(wap);
							$(this).find("video").eq(0).remove();
						   //点击播放
						   $(".open-video").click(function(){
							   $(this).parent("li").addclass("video-show");
							   var video=$(this).parent().find("video")[0]
							    video.play();
						       video.addeventlistener("ended",function(){
							      $(this).parent("li").removeclass("video-show");
							   });
						 }); 
						   //点击播放 end
				   }else{
							$(".open-video").remove();
						   $(this).append(pc);
							$(this).find("video").eq(0).remove();
						}	
			   });
			}).trigger("resize");
		});		 
		//end
	},
	//不自动播放 点击播放 有声音  暂停切换 播放完继续切换
	slick_four:function(a){
		video.hasvideo(a);
		var main=$(a).find(".slider")
		main.find("li").each(function(){
		if($(this).hasclass("has-video")){
			$(this).append("<a class='open-video'></a>")
	   //点击播放
	   	$(this).find(".open-video").click(function(){
		   $(this).parent("li").addclass("video-show");
		   var video=$(this).parent().find("video")[0]
			video.play();
			main.slick("slickpause");
		   video.addeventlistener("ended",function(){
			   main.slick("slicknext");
			  $(this).parent("li").removeclass("video-show");
		   });
	   });
	   //点击播放 end
		}			
		});
		video.slick_js(main);
		   //判断焦点按钮切换 暂停视频 
		   main.on('afterchange', function(event, slick, currentslide, nextslide){
				main.find("li").removeclass("video-show");
				main.find("li").find("video")[0].pause();
				 main.slick("slickplay");
		   });
	},
	//点击弹窗播放视频
	slick_five:function(a,b){
		var main=$(a).find(".slider")
		main.find("li").each(function(){
			var files=$(this).attr("data-video")
			//console.log(b)
			if(files!=''&&files!=b){
				$(this).append("<a class='open-video'></a>");
				//点击播放
				  $(".open-video").click(function(){
					  var video=$(this).parent().attr("data-video");
					  $("body").append("<div class='video-openbox'><a class='close'></a><div class='ytable'><div class='ytable-cell'><video controls autoplay width='100%' src='"+video+"'></video></div></div></div>");
					  $(".video-openbox .close").click(function(){
						  $(".video-openbox").remove();
					  });
				  });
				//点击播放 end
			}
		});
		video.slick_js(main);
	}
}