Video Hero Component

Creating Components

Please note that the Video Hero component is only available to site platform administrators. If you need to use this component, please email submit a support request form

Video hero example

What is a Video Hero? 

The Video Hero component presents an immersive experience by featuring autoplaying videos upon page load. This visually captivating introduction immediately draws users into the website's narrative. To ensure accessibility, a  play/pause button is provided, enabling all users to interact with the content seamlessly.

How to add a Video hero

  1. Click the edit link at the top of the page
  2. Move your cursor where you want to place the component. (Add a section if needed).
  3. Click the plus icon.
  4. Select Video hero from the menu.

Content 

  1. Click Add media.
  2. Select the appropriate video or upload a new one.
    Note that the video requirements are as follows:
    1. videos dimensions must be: 1900 x 650
    2. Video format: mp4 only
    3. Maximum file size: 256 MB 

Save

  1. Click Save.
  2. Scroll to the top of the page and click Save.
  3. Click the Done button beside the save button.
    Note: This will display the page in the closest representation of how site visitors will view it. All links and actions that are disabled in editing mode will be functional now.