Javascript 加载随机背景视频,而不重复相同的视频

Javascript 加载随机背景视频,而不重复相同的视频,javascript,html,variables,random,generate,Javascript,Html,Variables,Random,Generate,我已经在这个主页背景视频上工作了很长一段时间,并且总是试图对它进行修补以使其更好 我刚刚做了一个测试,我花了37页刷新来加载我的12个视频中的每一个至少一次。当我最终至少看了一次所有视频时,我停了下来,但这意味着我看了大约5次 我使用了Squarespace,但它是一个自定义HTML主页。 如果有人对此有任何改进,我将不胜感激 window.onload = function(){ var videoList = [ "a", "b", "c", "d", "e", "f", "g", "h"

我已经在这个主页背景视频上工作了很长一段时间,并且总是试图对它进行修补以使其更好

我刚刚做了一个测试,我花了37页刷新来加载我的12个视频中的每一个至少一次。当我最终至少看了一次所有视频时,我停了下来,但这意味着我看了大约5次

我使用了Squarespace,但它是一个自定义HTML主页。

如果有人对此有任何改进,我将不胜感激

window.onload = function(){
var videoList = [
"a",
"b",
"c",
"d",
"e",
"f",
"g",
"h",
"i",
"j",
"k",
"l"
];
$("#splash-vid").html("<video id='bgvid' autoplay muted id='bgvid' loop><source src='s/" + videoList[Math.floor(Math.random() * videoList.length)]  + ".mp4' type='video/mp4'>")
if (window.chrome)
$("[type=video\\\/mp4]").each(function()
{
    $(this).attr("src", $(this).attr("src").replace(".mp4", ".webm"));
    $(this).attr("src", $(this).attr("src").replace("/mp4", "/webm"));
});}