Video carousel / gallery

Bootstrap video carousel / gallery - free examples & tutorial

Responsive bootstrap carousel slider with videos instead of images. Templates built with Bootstrap 5. Full-page video templates included.

MDB 5 - Bootstrap 5 & Material Design Buttons Tutorial

Video tutorial

Video slider template

A simple carousel template with videos instead of images.

Replace img elements with video elements to create a video carousel. Note, that .img-fluid class works also with videos and also provides responsiveness.

First slide label

Nulla vitae elit libero, a pharetra augue mollis interdum.

Second slide label

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Third slide label

Praesent commodo cursus magna, vel scelerisque nisl consectetur.

Show code

This is a mobile version of the documentation.

View this website on the desktop to copy & edit the source code of the component.

Full page video carousel

An example of full-page usage of the video carousel.

Click on the image to see live demo.

Video Gallery with Thumbnails

Check out the documentation for Bootstrap carousel slider with thumbnails and Gallery to learn how to combine them with the video component.