video标签实现多个视频循环播放

<head>

  <!-- If you'd like to support IE8 (for Video.js versions prior to v7) -->

</head>

<body>

  <video  id="myvideo" width="100%" height="auto" controls="controls" muted> <!-- 加muted 是为了可以实现自动播放  -->
你的浏览器不支持HTML5播放此视频
<span style="white-space:pre"> </span><!-- 支持播放的文件格式 -->
<source src="" type='video/mp4' />
</video>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" ></script>
<script> var video = document.getElementById("myvideo");
var vList = ['/u/www/201610/101338015yhf.mp4', '/u/www/202001/1513372485r9.mp4']; // 初始化播放列表,这里的url要用相对路径
var vLen = vList.length;
var curr = 0;
$(document).ready(function(){ play(); video.addEventListener('ended', function(){
play();
}); }); function play() {
video.src = vList[curr];
video.load();
video.play();
curr++;
if(curr >= vLen){
curr = 0; //重新循环播放
} }
</script>
</body>

  

上一篇:Swift—静态方法-备


下一篇:用jquery写循环播放div的相关笔记 珍贵的总结 -1