2

我已经在这个主页背景视频上工作了很长一段时间，并且总是尝试修改它以使其更好。

我刚刚做了一个测试，我的 12 个视频中的每一个都至少加载一次需要 37 次页面刷新。当我终于至少看过一次所有视频时，我停下来，但这意味着我看了大约 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 for chrome 的代码，因为我将相同的视频上传到相同的文件夹中，即“a.mp4”和“a.webm”。此外，我不知道如何自动将 type='video/mp4' 标签更改为 type='video/webm' ，就像我对 src 文件名所做的那样。

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

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

4

0 回答 0