artemsites
7/5/2019 - 8:51 AM

Прелоадер по загрузке страницы.

Прелоадер по загрузке страницы.

<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>