Я давно работаю над этим фоновым видео на главной странице и всегда стараюсь с ним повозиться, чтобы сделать его лучше.
Я только что провел тест, и мне потребовалось 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",Также я не могу понять, как автоматизировать изменение для тега 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"));
});}
Если у кого-либо естьулучшения на этом я был бы безумно благодарен!