您现在的位置是:网站首页> HTML&JS
video JS 循环播放
- HTML&JS
- 2022-12-03
- 702人已阅读
<p style="text-align: center;">
<strong><span style="font-size: 18px;">播放视频来自外站本站不存储视频资源</span></strong>
</p>
<video id="player" src="http://v.nrzj.vip/video.php?_t=0.1844860897601126" controls="controls" width="100%" height="400px" autoplay="autoplay"></video><script>var video = document.getElementById('player');
video.addEventListener('ended', function(e) {
console.log('视频播放完了')
Play();
});
video.addEventListener('error', function(e) {
console.log('视频出错了')
console.log(e);
setTimeout(() =>{
Play();
}, 1000);
})
function Play()
{
console.log(video.src) // http://127.0.0.1:8001/test.mp4 绝对地址,DOM 中是相对地址
// video.src = 'test-2.mp4' // 直接替换掉了原来的视频src
setTimeout(() =>{
video.src = 'http://v.nrzj.vip/video.php?_t='+Math.random(); // 播放到第 30s 的时候,自动切换视频
video.play();
}, 100);
}</script>
上一篇:js复制文本到粘贴板