Video backgrounds

Add visual interest to hero sections and pages with video backgrounds.

About the plugin

When designing your Help Center you don’t have to rely on static images and colors. When used properly, video backgrounds can be engaging and help create a sense of continuity between your Help Center and marketing website. Adding them to hero sections is a popular way of adding something special to your Home page.

You can use YouTube, Vimeo and HTML5 videos or browse sites like Pexels, Coverr and Pixabay for free stock footage.

Examples

When applying a background video to a hero section it can be a good idea to use an overlay as shown in the example below. This ensures that the video is visible but doesn’t take away from the content or actions above it.

Although video backgrounds are most often paired with hero elements, they are flexible enough to be be used with any element.

Learn more about how to use video backgrounds in our framework documentation, which also includes a description of the plugin’s options.

Related plugins