Hero Video Block

Back to Style Guide

The Video Hero Block is used at the top of each page, and displays a video from either YouTube or Vimeo at a specified aspect ratio. The aspect ratio of the video is manually selected via the CMS, with the player then stretching to cover the specified ratio. The video is chromeless, and has no UI or playback controls. Playback will be customised via the CMS. A WYSIWYG field allows content to be specified for display on the top of the hero block. This will support all WYSIWYG styling, as well as the inclusion of a button via the global button shortcode.

Finally, an additional option is available to set the video to parallax, in which case the block will have a fixed position and content will scroll over the top.