I have a mp4 animation, that i wanted to be played as a loading animation between two html pages. The video is about 5 seconds long, so i wanted this loading page to be the same lenght. Is there a way to do that?
If so, is it possible to choose for how long that loading page will be displayed, like 10 seconds, for example, so the loading animation would be repeating until the loading page is over?
So for this I would add this to each page
<iframe id="loadingBar" src="loading.mp4"/>
<script>
$(document).ready = () => {
Window.setTimeout(5000); //wait for 5 seconds
$("#loadingBar").attr("display","none");
$(".page").click = () => {
location.href = index.html?page=2;
};
};
</script>