您现在的位置是:网站首页> 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>


Top