Video Carousel Not Autoplaying in Chrome

michaelkchen commented 6 years ago

Hello Arek, Thanks for responding, I use the latest version of Chrome Version 68.0.3440.106 (Official Build) (64-bit) and MDB Version 6.2.0 Here is the code that I used for the carousal component: <div class="row align-items-start" style="padding-bottom: 5%;"> <!--Carousel Wrapper--> <mdb-carousel [isControls]="true" class="carousel slide" [animation]="'slide'"> <!--First slide--> <mdb-carousel-item> <!--Mask color--> <div class="view"> <!--Video source--> <video id="vid" class="video-fluid" playsinline autoplay muted loop> <source src="./assets/video/batDrop.mp4" type="video/mp4" /> </video> </div> <!--Caption--> <div class="carousel-caption"> <div class="animated fadeInDown"> <h3 class="h3-responsive">Animation</h3> <p>Batwoman</p> </div> </div> <!--Caption--> </mdb-carousel-item> <!--/First slide--> <!--Second slide--> <mdb-carousel-item> <!--Mask color--> <div class="view"> <!--Video source--> <video class="video-fluid" autoplay loop playsinline muted> <source src="./assets/video/orb.mp4" type="video/mp4" /> </video> <!-- <div class="mask rgba-purple-slight waves-light" mdbWavesEffect></div> --> </div> <!--Caption--> <div class="carousel-caption"> <div class="animated fadeInDown"> <h3 class="h3-responsive">Lighting</h3> <p>The Orb</p> </div> </div> <!--Caption--> </mdb-carousel-item> <!--/Second slide--> <!--Third slide--> <mdb-carousel-item> <!--Mask color--> <div class="view"> <!--Video source--> <video class="video-fluid" autoplay loop playsinline muted> <source src="./assets/video/batCape.mp4" type="video/mp4" /> </video> </div> <!--Caption--> <div class="carousel-caption"> <div class="animated fadeInDown"> <h3 class="h3-responsive">Modeling</h3> <p>Bat Cape</p> </div> </div> <!--Caption--> </mdb-carousel-item> <!--/Third slide--> </mdb-carousel> <!--Carousel Wrapper--> </div>

---

michaelkchen commented 6 years ago

I added the example to my project and tested it with the 'muted' attribute. The same issue happens, maybe it is something in my project that is affecting it. Is it possible that the 'muted' attribute is not going through? There are also no errors in my console.

---

michaelkchen commented 6 years ago

Thanks for the help Arek, I found the solution and posted it!

---