Видео Splash интро с Bootstrap-3 на мобильной версии? - PullRequest
Новая
       25

Видео Splash интро с Bootstrap-3 на мобильной версии?

0 голосов
/ 02 сентября 2018

У меня проблема с видео в mp4, которое я хочу поместить как всплеск видео перед перенаправлением на HTML home. В настольной версии он воспроизводится нормально, но в мобильной версии видео не появляется. 

$(document).ready(function(){
 setTimeout(function() {
        $('#video').fadeOut(1000, function() {
          window.location.href = 'views/home.html';
        });
      }, 6000);
});
#video {
  display: inline-block;
  position: fixed;
  min-width: 100%;
  min-height: 100%;

}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

<body>
    <div align="center" class="embed-responsive embed-responsive-16by9" id="video">
    <video autoplay muted loop class="embed-responsive-item">
      <source src="assets/video/video-splashTrim.mp4" type="video/mp4">
    </video>
  </div>
    <!--====== Javascripts & Jquery ======-->
  	<script src="js/jquery-2.1.4.min.js"></script>
  	<script src="js/bootstrap.min.js"></script>
  	<script src="js/main.js"></script>
  </body>
...