Header Background Video

The Home Page offers three display options:

1. Header Image: a static full-width image (see instructions here)

2. Rotator: rotating slide images (see instructions here)

3. Header Background Video: looping video (see instructions below)

By default this theme has been setup using the Rotator option. You can select which option to use on your home page by editing the Index Page. (CONTENT > Pages > INDEX)

Header Background Video

Navigate to Content > Pages > click to edit the Index page > Header Background Video

Header Background Video Size and Details

Size: 16:9 aspect ratio

Format: The video must be MP4/H264

The background video is a looping/muted video with no controls, so the video should be shorter in size/length. 

Add Background Video to Home Page

Navigate to Content > Pages > click to edit the Index page > Header Background Video

Add Background Video to Home Page

It is a good idea to also upload a header image. The header image is still used for mobile devices and will display on a desktop computer while the video is loading. We recommend using the first still of the video as the header image.

Then scroll down to HEADER BACKGROUND VIDEO (MP4/H264) and replace the text with an uploaded video or upload a new video. The video must be MP4/H264 formatted and should have a 16:9 aspect ratio.

The background video is a looping/muted video with no controls so the video should be kept short in size/length.

You will want to make sure to also add a header image because some mobile devices will block header videos from displaying.

Add Background Video to Any Page

A background video is available to any page that includes the section HEADER BACKGROUND VIDEO (MP4/H264) in the page editor. Just go to the desired page editor and follow the same steps listed above.