I am trying to show a video in my slider using a html5 video. This works fine with the controls
parameter (showing controls). But when I add autoplay
it doesn't autoplay so I searched why that could be and found out chome only allows muted videos to autoplay.
So I added the muted
parameter to it, but when I do that my entire video turns black and is still not autoplaying.
Why could that be?
My code:
<div class="r-slider-item">
<video width="100%" height="100%" autoplay muted loop>
<source src="assets/watertuin.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<div class="container">
<div class="r-slider-top-content">
<h1 class="animated fadeInDown">RESERVEER <span>NU</span></h1>
<a href="#" class="btn btn-outlined animated fadeInUp"> Reserveren </a>
</div>
</div>
</div>
In Firefox and IE 11 it works just fine.