使用HTML中的Video标签做循环播放视频 

<body>

    <video  id="myvideo"src="#"  controls="controls"autoplay="autoplay"></video>  

    <divid="address"></div>

</body>





<scriptsrc="http://localhost:7601/JS/jquery.pack.js"></script>

<scriptlanguage="javascript">

$(document).ready(function(){

play();

});

varvList = newArray("http://localhost:7601/UploadFiles/2020/2/202002251457252681.mp4", "http://localhost:7601/UploadFiles/2020/2/202002251457421596.mp4"); // 初始化播放列表

varvLen = vList.length;

varcurr = 0;

varvideo = document.getElementById("myvideo");

video.addEventListener("ended", function(){

play();

});

functionplay() {

video.src = vList[curr];

video.load();

video.play();

document.getElementById("address").innerHTML ="正在播放"+vList[curr];

curr++;

if(curr >= vLen){

curr = 0; //重新循环播放

}

}

</script>

 

posted @ 2020-03-04 14:34  前面右转第二排架子上  阅读(1605)  评论(0)    收藏  举报