Hero B-Roll

At the start of a website's home page is a section that showcases what that website is about. Most often this section of the page is referred to as the hero.

A B-roll hero displays a video that encapsulates what the website, brand, or company is about. This page builder hero block is fairly straight forward in that it only requires a few items to make it look complete.

Let's take a look at a real example from our home page.

What does each field do?

video_url field is where you input the field for a self hosted video.

Thumbnail Desktop, an image that behaves as a placeholder until the video loads.

Thumbnail Mobile, same as the desktop thumbnail just be sure to upload an image that's a max of 480px wide and a smaller file size.

Buttons add a button label and select the show controls toggle to link the button to an entry or URL.

Summary

You'll notice there's not a way to change the text in the cycling animation, this is currently being handled statically. However, using the field-sets above, the video, thumbnails, and call to action can all be customized.