使用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>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM