| Category | Value |
|---|---|
| May contain | None |
| May be placed in | Hero region, Content region, Region 2, Region 3, Accordion panel, Container, Two column split |
| Field | Description |
|---|---|
| Video | A YouTube or Vimeo link for the video to be embedded. |
| Aspect ratio | Fullscreen 4:3, Widescreen 16:9 (default) or Anamorphic 12:5. |
| Autoplay | Unchecked (default) or Checked. |
| Overlay text | Larger text placed atop the video. |
| Link | Text and URL destination. Text required if URL provided. |
| Position | Bottom left, bottom center, bottom right, middle left, center (default), middle right, top left, top center, top right or lower third. |
How to add a Video
Select Video from the Component type drop down list and click the Add new Component or Add another Component button.
Provide the required Video by pressing the Select media button. Click on the Web tab of the resulting popup and add a YouTube or Vimeo video URL or Embed code. Then press the Submit button.
Select the Aspect ratio of the referenced Video.
Check Autoplay if you want the Video to automatically begin playing on loop while muted and you want to make use of the Link Title and URL.
Add any Overlay text you would like placed on top of the Video.
If Autoplay is checked, you can provide a Link Title and URL to add a button on top of the Video below any Overlay text.
- If Autoplay is checked, you can choose a Position for the Overlay text.
Things worth mentioning
The Aspect ratio designates the ratio of the area that the embedded video will be confined to. The chosen Video will not be cropped so letterboxing or pillarboxing will occur if the selected Aspect ratio does not match the ratio of the Video. This would result in black bars above and below or left and right of the Video.
If Autoplay is checked, then the selected Video will automatically begin playing on loop, muted and without video player controls (play, pause, seek, etc.). This option allows the Video to be used as a background element in conjunction with the Overlay text or Link.
If you have provided Overlay text, but Autoplay is left unchecked, then your Overlay text will be visible initially, but hidden when the Video is played.
The Link Title and URL and Position have no effect if Autoplay is left unchecked.
Examples
This is an example of a Video component with Autoplay checked and Overlay text and a Link provided.
The next example is a Video component with Autoplay left unchecked and Overlay text provided.