Video hero
Video hero: an uploaded video behind the copy, poster first. Plays muted and looped while on screen, never for customers who reduce motion, and always has pause and sound buttons.
This section also has the base settings every section shares: color scheme, layout, running head, page number, padding, divider and reveal on scroll.
Settings
| Setting | What it does |
|---|---|
| Video | |
| Mobile video | Shown on screens narrower than 750 pixels. |
| YouTube or Vimeo link | Used when no video is uploaded. Plays muted in the background once on screen; never loads for visitors who reduce motion. |
| Video title | Names the embedded video for assistive technology. |
| Cover image | Shown before the video loads, and instead of it for customers who reduce motion. |
| Mobile poster image | |
| Overlay color | Default: #000000. |
| Image overlay opacity | From 0 to 80 %. Default: 30. |
| Height | Options: Adapt to image, Small, Medium, Full screen. Default: full. |
| Height on mobile | Options: Same as desktop, Adapt to image, Small, Medium, Full screen. Default: same. |
| Content position | Options: Top start, Top center, Top end, Middle start, Middle center, Middle end, Bottom start, Bottom center, Bottom end. Default: bottom-start. |
| Content position on mobile | Options: Same as desktop, Top start, Top center, Top end, Middle start, Middle center, Middle end, Bottom start, Bottom center, Bottom end. Default: same. |
| Show sound button | Default: on. |
| Padding on mobile | Options: Same as desktop, Smaller, None. Default: same. |
| Visibility | Options: Show on all devices, Hide on mobile, Hide on desktop. Default: all. |