加载时随机全屏视频背景（包括 jsfiddle）答案

【问题标题】：Random Fullscreen Video Background on Load (jsfiddle included)加载时随机全屏视频背景（包括 jsfiddle）
【发布时间】：2016-06-26 03:23:36
【问题描述】：

试图让我的网站显示来自我将维护的视频文件夹中的随机全屏背景视频。我想继续添加到文件夹（bg1.mp4、bg2.mp4 等），并让代码在您加载页面时自动选择一个随机视频循环播放。

这是我当前的代码：https://jsfiddle.net/nenr3kyn/2/，它的功能并不完整。我选择了一个特定的视频作为源文件：

<source src="http://thenewcode.com/assets/videos/polina.mp4" type="video/mp4">

因为我似乎无法让 html 调用 javascript "vid" 设置的变量，如下所示：

<source src=vid type="video/mp4">

此外，此代码不允许我简单地将文件添加到文件夹中，并且将我限制在代码中特别列出的视频中。我宁愿让 javascript 能够计算文件夹中当前的所有文件并随机选择一个，但也无法让它工作。

有什么想法吗？非常感谢任何输入。非常感谢！！

【问题讨论】：

标签： javascript css html video random

【解决方案1】：

不要使用loop 属性，它不会触发ended 事件。

videoPlayer.addEventListener('ended', function(){
       var videoLink = ['link1', 'link2','link3'];
       var nextVid = Math.floor( Math.random() * videoLink.length);
       this.src = videoLink[nextVideo];
       this.play();
    });

希望这会有所帮助

【讨论】：