HTML

HTML---->赤裸裸的人;CSS ---->穿华丽的衣服;JS ---->让人动起来

浏览器和server端之间的通信本质上是字符串;浏览器将字符串处理为可视化的东西;

内容信息

相邻栏目数:

当前栏目内容数:

当前文章浏览总次数:

最后一次浏览时间:

当前文章发布时间:

本栏目近期文章
本栏目热点文章

video自动循环播放列表

✒ 作者:杨泽鹏⊙ 时间:2020-12-15⊙ω⊙ 浏览量( )★分类:HTML

video自动循环播放列表

html

#lt;video#nbsp;id="BannerVideo"#nbsp;width="100%"#nbsp;src="#nbsp;#nbsp;#nbsp;#nbsp;"#nbsp;autoplay="autoplay"#nbsp;#gt;#lt;/video#gt;


js(引用jq)

#lt;script#gt;
		//切换播放内容


		
		var#nbsp;videoList="";//视频列表用逗号隔开
		
		videoList#nbsp;=#nbsp;videoList.split(",");
		
		var#nbsp;curr=1;
		
		$(function#nbsp;()#nbsp;【;
		#nbsp;#nbsp;#nbsp;#nbsp;var#nbsp;$video#nbsp;=#nbsp;$("#videoWrap");//替换id
		#nbsp;#nbsp;#nbsp;#nbsp;//当前视频播放结束后播放下一个
		#nbsp;#nbsp;#nbsp;#nbsp;$video.get(0).addEventListener("ended",function()【;
		#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;play();
		#nbsp;#nbsp;#nbsp;#nbsp;】;);
		
		#nbsp;#nbsp;#nbsp;#nbsp;
		#nbsp;#nbsp;#nbsp;#nbsp;function#nbsp;play()【;
		#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;if(curr#gt;=videoList.length)【;
		#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;curr=0;
		#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;$video.trigger("pause");
		#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;】;
		#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;$video.get(0).src=videoList[curr];
		#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;$video.trigger("play");
		#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;#nbsp;curr++;
		#nbsp;#nbsp;#nbsp;#nbsp;】;
		
	
		#nbsp;#nbsp;#nbsp;
		】;);
		
	#lt;/script#gt;


分类标签
近期文章
热点文章