Video Header

With HTML5 Video and Bootstrap 4

The HTML5 video element uses an mp4 video as a source. Change the source video to add in your own background! The header text is vertically centered using flex utilities that are build into Bootstrap 4.

The overlay color can be changed by changing the background-color of the .overlay class in the CSS.

Set the mobile fallback image in the CSS by changing the background image of the header element within the media query at the bottom of the CSS snippet.

Created by Start Bootstrap