Add Component to a Page
In Page Builder, navigate to the page you want to add the component to.
From the Components panel, drag and drop the Page Content > Video component into a container on the page.
In the Assign content item window, hover over the data folder in the tree and then click on the + icon
Select the Video template to create a datasource, and then type the name for the new content item WITHOUT clicking on the datasource itself. Press ENTER once you have finished typing the datasource name and then click Assign.
The new datasource will appear on the page. To add a video to it:
click on Video URL: No text in field and paste the full Vimeo or YouTube URL
click on the image placeholder, and then select Add in the right-hand panel to open the media library. Select or upload an overlay image. Note: this image is optional. If you don't select an overlay image, the first frame of your video will be displayed instead.
Configure the Component
Click on the video component to select it and display the Video configuration options on the right
The table below outlines the configuration and advanced styling options available for the component. Apply these as appropriate.
Configuration Options | Description |
Design Tab | |
Is Contained | Tick checkbox to display the component with extra padding on the left and right; Or leave unticked to display component full screen width. |
Theme | Select a theme to change the colour of the background |
Top Spacing | Adds extra spacing above the component |
Bottom Spacing | Adds extra spacing below the component |
Content Tab | |
| Content item | Click on the pencil to open the data folder and select a different datasource |
| VideoURL | Displays the video url entered on the component. You can also update the URL in the field. |
Image alt text | A brief text description of an image that screen readers can read out loud, allowing users with visual impairments to understand the image's content |