标签:
跟轮播效果差不多
页面HTML结构
<video id="myvideo" width="100%" height="auto" controls="controls" > 你的浏览器不支持HTML5播放此视频 <span style="white-space:pre"> </span><!-- 支持播放的文件格式 --> <source src="001.mp4" type=‘video/mp4‘ /> </video>
JS代码:
<script language="javascript"> $(document).ready(function(){ video.play(); }); var vList = [‘001.mp4‘, ‘video//1.mp4‘, ‘video//02.mp4‘]; // 初始化播放列表 var vLen = vList.length; var curr = 0; var video = document.getElementById("myvideo"); video.addEventListener(‘ended‘, function(){ play(); }); function play() { video.src = vList[curr]; video.load(); video.play(); curr++; if(curr >= vLen){ curr = 0; //重新循环播放 } } </script>
即可实现多视频循环播放
标签:
原文地址:http://www.cnblogs.com/vali/p/5899601.html