Banner video

Use this guide to add video on banner.

Important to note

You will need to upload video in Brightcove and not in Assets.
Component is called Schools Video on homepage.

Step 1: Log in to AEM

Select Log in drop down towards the top right corner.
Select Edit this page which will directly open the page you wish to edit.

or use the traditional method;

Log in to Adobe Experience Manager and select Sites.
Your school's home page will already be selected.
Select the icon to the left of Home. The tick will appear and your selection will turn blue.
Select Edit in the menu bar that appears across the top of the screen.

Step 2: Open Schools Video

Select Edit in the top right of the page. This button is next to Preview.
Select Drag components here below the existing banner or below the Mega nav then the plus icon.

Drag components here and plus icon highlighted

Select Schools Video from Insert New Component list.

Schools Video highlighted from Insert New Component list

Select Schools Video component.
Select the spanner icon to edit Schools Video. This is the Configure button.

Schools Video component and spanner icon highlighted

Step 3: Select Video

In Account field, select the drop down then select your school name.
In Video field, select the drop down then select the video you uploaded previously on Brightcove.
In Player field, select Brightcove Default Player.

Schools Video component highlighted without details

Step 4: Apply the changes

Select the tick to apply your changes.
View the page in preview mode or view as published to see how it looks. You can resize the browser window to check how your changes look on tablet and mobile device layouts.

Publish your changes

For changes to be updated on your live school website you will need to publish the page.

A note on autoplay and accessibility

Certain groups of people may have a problem with moving content on a web page that starts unexpectedly. This includes people with certain types of learning difficulties who can find it hard to concentrate or focus on tasks when distractions are present. Moving content can include things like animated GIF files, CSS animations or videos that begin playing automatically.

In the HTML5 specification, website authors are encouraged to consider avoiding use of the automatic playback behavior at all and instead let the user start playback explicitly.

For this reason we have not included autoplay.

Return to top of page

School website service training and support