从列表中选择一个随机视频和玩它

-2

 <div class="background-video-div"> 
     <video id="background-video-video" autoplay="true" preload="auto" loop="loop" muted="muted"> 
      <source id="background-video-src" src="/resources/2.mp4" type="video/mp4"> 
      Your browser does not support our website, we recommend you update immediately. 
     </video> 
     <script> 
      var videos = ['1.mp4','2.mp4','3.mp4']; 
      var i = Math.floor(Math.random() * videos.length); 
      document.getElementById("background-video-src").src = "/resources/" + videos[i]; 
     </script> 
    </div>

这是目前/resources/2.mp4。我希望它选择/recources.1.mp4 2.mp4或3.mp4。我怎样才能做到这一点？

来源

2016-02-07 JustRayz

done @Teemu有什么想法吗？ – JustRayz

现在，你的代码代替了预期的结果吗？ – Teemu

试试这个更新的代码。我测试成功了。在以前的尝试中有很多错误。让我知道这个是否奏效。我可以分享一个压缩的例子。

<!DOCTYPE html> 
<html> 
<head> 
<title>Page Title</title> 
</head> 
<body onload="playRandom()"> 


<div class="background-video-div"> 

<video id="background-video" width="400" autoplay="true" preload="auto" loop="loop" muted="muted" controls> 
    <source src="resources/1.mp4" type="video/mp4"> 

</video> 


    <script> 
     var videos = ['1.mp4','2.mp4','3.mp4']; 

     var randomvideo = videos[Math.floor(Math.random() * videos.length)]; 

     var vid = document.getElementById("background-video"); 

     function playRandom() { 

     vid.src = "resources/" + randomvideo; 
     vid.load(); 

     } 

    </script> 
</div> 

</body> 
</html>

来源

2016-02-07 15:59:16

不行，没有工作。没有什么不同;/ – JustRayz

你试过更新的代码了吗？ –

从列表中选择一个随机视频和玩它

回答

相关问题