Question

我已经在这个主页背景视频上工作了一段时间了，并且总是尝试对其进行改进以使其变得更好。

我刚刚进行了一次测试，刷新了37页才能至少加载一次我的12个视频中的每个视频。当我终于至少看完所有视频一次时，我停了下来，但这意味着我看了5次。

我使用了Squarespace，但这是一个自定义HTML主页。 http://www.rupertlaycock.com

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'>")

加上这是我的代码，用于将扩展名更改为.webm（用于chrome），因为我将相同的视频上传到了相同的文件夹，即“ a.mp4”和“ a.webm”。同样，我不知道如何像我对src文件名一样自动将type ='video / mp4'标签更改为type ='video / webm'。

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"));
});}

如果有人对此有任何改进，我将非常感激！

加载随机背景视频，无需重复播放相同视频

0 个答案: