I have a problem with a video in mp4 which I want to put it as video splash before it redirects to the HTML home. In the desktop version it plays normally but in the mobile version the video does not appear.
$(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>