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