Bootstrap video background

With HTML5 Video and Bootstrap 4

Snippet by Bootstrapious

The whole content is wrapped into .video-background-holder, this class is mainly used to set the content dimensions, location and the fallback background in case the browser doesn't support the video format.

Change your video source from source tag, and the overlay color from .video-background-overlay.

The content text wrapped into .video-background-content is vertically centered using flex utilities.