Video Header

With HTML5 Video and Butter Cake V3

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 Butter Cake V3.

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 Butter Cake