Full Video Background Landing Page with Genesis & Beaver Builder

I was thinking it would be neat (it’s been done before) to create a lead gen type of landing page with a video background.

What I used:

Beaver Builder
Genesis Dambuster

How I set the page settings before setting up the page with Beaver Builder

Step 1:

Create page and set template to Landing Page

Step 2:

Check box for Genesis Dambuster “Enable Tweaks”

Step 3:

On the Genesis Dambuster tab ‘template width’ check the box for Full Width. On all the other tabs check all the boxes for “remove”

Beaver Builder setup of the video landing page

Step 1:

Add a row with “width/content width” at Full and Height at Full

Step 2:

Set the background to Video and choose your MP4 and WebM video. You can also choose a fallback image for mobile devices. You can also play with overlay colors on the video.

Step 3:

Add boxes to the row for intro and signup form

All done

See example here -> Video Landing Page