设置video js多视频连续播放
web JavaScript 2019-08-28 2563 1
关于本站

“最难不过坚持”

本人承接扒站仿站,php网站维护,病毒查杀,网站编辑,网站改版,html制作

有需要网站维护,改版,病毒查杀,网站编辑,网站备案,html制作等相关的工作可以联系我。
本人有多年相关工作经验,也可提供免费咨询,交个朋友。
有需要探讨问题的朋友,也可以加我微信,共同探讨!
微信:15011482830 QQ:408917339

3247364 2173 30
文章标签更多
ThinkPHP (233)
Mysql (44)
DedeCms (33)
jQuery (56)
证件照 (1)
setInc (4)
setDec (4)
onclick (5)
打开边栏(ESC) 关闭边栏(ESC)

设置video js多视频连续播放

代码如下:

<div id="playervideo" class="portfolio-slideshow flexslider animate-onscroll">       
	<!-- Video player -->                        
	<!--poster is 缩略图-->                              
  <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" poster="video/demo.jpg" data-setup="{}" height="500" width="100%">          
    <source src="http://vjs.zencdn.net/v/oceans.mp4" type='video/mp4' />
  </video>
  <script language="javascript">      
	  var vList = ['http://vjs.zencdn.net/v/oceans.mp4', 'http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4']; // 初始化播放列表      
	  var vLen = vList.length; // 播放列表的长度      
	  var curr = 0; // 当前播放的视频            
	  var video = document.getElementById("example_video_1");            
	  /*
	  var video = document.createElement("VIDEO");      
	  video.setAttribute("width", "100%");      
	  video.setAttribute("height", "500");      
	  video.setAttribute("id", "example_video_1");      
	  video.setAttribute("class", "video-js vjs-default-skin");      
	  video.setAttribute("preload", "none");      
	  video.setAttribute("poster", "video//demo.jpg");      
	  video.setAttribute("data-setup", "{}");      
	  video.setAttribute("controls", "yes");      
	  document.getElementById("playervideo").appendChild(video);
	  */      
	  //document.body.appendChild(video);      
	  video.addEventListener('ended', play);      
	  play();      
	  function play(e) {       
		  video.src = vList[curr];       
		  video.load();        
		  video.play();       
		  curr++;       
		  if(curr >= vLen){        
			  curr = 0; // 播放完了,重新播放       
		  }            
	  }      
	</script>      
	<!-- /Video player -->       
</div>

版权声明:本篇文章来源于网络。 来源链接

相关推荐
console.log怎样输出换行
JavaScript | 2020-04-17 10673
两个console.log()之间默认是换行的,不用单独处理,如果想输出换行,可以用 console.log( '\n' ); 其他内容 如果同时打印数字和字符串,并且数字在前,打印字符串会添加引号显示。 console.log('test',1) ==》test 1 console.log(1,'test') ...
js按大写字母拆分字符串
JavaScript | 2019-09-26 4248
基于大写字符的JavaScript拆分字符串 方法一: <script> str = 'ThisIsTheStringToSplit'.match(/[A-Z][a-z]+/g); console.log(str); </script> 得到数组["This", "Is", "The", "String...
评论:1条
评论加载中...
发表评论