Прелоадер по загрузке страницы.
<body>
<!-- Анимированный лоадер -->
<div class="wrapper-preloader">
<video autoplay loop>
<!-- or any preloader -->
<source src='<?=SITE_TEMPLATE_PATH."/assets/preloader.mp4"?>' type="video/mp4">
<source src='<?=SITE_TEMPLATE_PATH."/assets/preloader.mov"?>' type="video/mp4">
</video>
<style>
.wrapper-preloader {
background-color: #FDFCFC;
z-index: 1001;
position: absolute;
left: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
bottom: 0;
right: 0;
width: 100vw;
height: 100vh;
}
</style>
</div>
<!-- /#wrapper-preloader -->
<script>
$(function() {
window.onload = closePreloader;
function closePreloader() {
$('.wrapper-preloader').fadeOut(300);
}
});
</script>
</body>