video carousel

Topic: video carousel

neo pro asked 7 years ago

hi..my 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:  <divclass="carousel-inner"role="listbox">  <divclass="carousel-item active">  <divclass="view hm-purple-slight">  <videoclass="video-full"autoplayloop> <sourcesrc="https://mdbcdn.b-cdn.net/img/video/Tropical.mp4"type="video/mp4"/> </video> <divclass="full-bg-img"></div> </div>  <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>  </div>   <divclass="carousel-item">  <divclass="view hm-blue-slight">  <videoclass="video-full"autoplayloop> <sourcesrc="https://mdbcdn.b-cdn.net/img/video/Lines.mp4"type="video/mp4"/> </video> <divclass="mask"></div> </div>  <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="https://mdbootstrap.com/bootstrap-tutorial/"class="btn btn-primary btn-lg"rel="nofollow">Start learning</a> </li> </ul> </div> </div>  </div>   <divclass="carousel-item">  <divclass="view hm-black-light">  <videoclass="video-full"autoplayloop> <sourcesrc="https://mdbcdn.b-cdn.net/img/video/forest.mp4"type="video/mp4"/> </video> <divclass="mask"></div> </div>  <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="https://mdbootstrap.com/forums/forum/support/"class="btn btn-default btn-lg"rel="nofollow">Support forum</a> </li> </ul> </div> </div>  </div>  </div>

Add comment

Mirosław Stasiak answered 7 years ago

0 0 Best answer

Hi,

You had a slight spelling mistake in your solution.
Check this example in codepen.io:
https://codepen.io/mirekmts/pen/NaxBGP

And read this
https://mdbootstrap.com/javascript/carousel/#usage

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

Regards,

neo pro commented 7 years ago

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

Add comment

neo pro answered 7 years ago

0 1 Best answer

i just really want the video to slide is all please... this is what i have on my script below

<scripttype="text/javascript"src="js/jquery-3.2.1.min.js"></script>

<scripttype="text/javascript"src="js/popper.min.js"></script>

<scripttype="text/javascript"src="js/bootstrap.min.js"></script>

<scripttype="text/javascript"src="js/mdb.min.js"></script>

I did go here -->https://mdbootstrap.com/javascript/carousel/#usage like you said and still nothing work...please help

Add comment

Marta Szymanska staff pro premium answered 7 years ago

0 0 Best answer

Hi, try to paste to your file exactly the same code from our documentation: https://mdbootstrap.com/javascript/carousel/#video . Everything works with this carousel. Best, Marta

neo pro commented 7 years ago

i paste the template word for word into my html...then i added the MDBpro to be called because having just the file..is 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...

Add comment

neo pro answered 7 years ago

0 0 Best answer

nevermind i figured it out..thanks for your help

Add comment

Marta Szymanska staff pro premium answered 7 years ago