neo pro asked 6 years ago video carousel is not working? it only shows the first video but it doesn't automatically slide into the second and third... heres my code below: <!--Slides--> <divclass="carousel-inner"role="listbox"> <!--First slide--> <divclass="carousel-item active"> <!--Mask color--> <divclass="view hm-purple-slight"> <!--Video source--> <videoclass="video-full"autoplayloop> <sourcesrc=""type="video/mp4"/> </video> <divclass="full-bg-img"></div> </div> <!--Caption--> <divclass="carousel-caption"> <divclass="flex-center animated fadeIn"> <ul> <li> <h1class="h1-responsive">Guide Trip</h1> </li> <li> <p>Guide Trip is your final destination for all your travel needs</p> </li> <li> <atarget="_blank"href="/"class="btn btn-primary btn-lg"rel="nofollow">Sign up!</a> </li> </ul> </div> </div> <!--Caption--> </div> <!--/First slide--> <!--Second slide--> <divclass="carousel-item"> <!--Mask color--> <divclass="view hm-blue-slight"> <!--Video source--> <videoclass="video-full"autoplayloop> <sourcesrc=""type="video/mp4"/> </video> <divclass="mask"></div> </div> <!--Caption--> <divclass="carousel-caption"> <divclass="flex-center animated fadeInDown"> <ul> <li> <h1class="h1-responsive">Guide Trip does all the work in no time</h1> </li> <li> <p>Your Vacation No Worries!</p> </li> <li> <atarget="_blank"href=""class="btn btn-primary btn-lg"rel="nofollow">Start learning</a> </li> </ul> </div> </div> <!--/.Caption--> </div> <!--/Second slide--> <!--Third slide--> <divclass="carousel-item"> <!--Mask color--> <divclass="view hm-black-light"> <!--Video source--> <videoclass="video-full"autoplayloop> <sourcesrc=""type="video/mp4"/> </video> <divclass="mask"></div> </div> <!--Caption--> <divclass="carousel-caption"> <divclass="flex-center animated fadeInDown"> <ul> <li> <h1class="h1-responsive">Sign Up Now For Free</h1> </li> <li> <p>Vacation...You Deserve It</p> </li> <li> <atarget="_blank"href=""class="btn btn-default btn-lg"rel="nofollow">Support forum</a> </li> </ul> </div> </div> <!--/.Caption--> </div> <!--/Third slide--> </div> <!--/.Slides-->  

Marta Wierzbicka staff answered 6 years ago

Hi, OK, I'm glad you solved the problem. Best, Marta

neo pro answered 6 years ago

nevermind i figured it out..thanks for your help

Marta Wierzbicka staff answered 6 years ago

Hi, try to paste to your file exactly the same code from our documentation: . Everything works with this carousel. Best, Marta

neo pro commented 6 years ago

i paste the template word for word into my html...then i added the MDBpro to be called because having just the just a broken code that needs the MDBpro folder to align it. I'm not sure you guys know but everytime a user pastes your code its always broken at first because your always gonna need the MDBpro folder to make it work. i hope i am making sense in this. i am using Visual Studios Code to do all of this...i just really want that mp4 video to slide to the next one...

neo pro answered 6 years ago

i just really want the video to slide is all please... this is what i have on my script below
<!-- SCRIPTS -->
<!-- JQuery -->
<!-- Bootstrap dropdown -->
<!-- Bootstrap core JavaScript -->
<!-- MDB core JavaScript -->
I did go here -->   like you said and still nothing work...please help

Mirosław Stasiak free answered 6 years ago


You had a slight spelling mistake in your solution.
Check this example in

And read this

If you continue to have problems see what is displayed in the console


neo pro commented 6 years ago

hi ... so this is whats being displayed in the console... DevTools failed to parse SourceMap: http://localhost:8188/css/

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No