Skip to main content

Videos

This provides guidance on the use of foreground and background videos.

We continue to see consumer behaviour migrate to consuming content on mobile devices and with that, the trend that consumers prefer and actually expect a rich media experience. Each market/country should consult with their IT Lead to understand any unique requirements or limitations for the market.

Playback​

Where appropriate, videos will launch and play in a modal.

Video hosting​

Videos can be hosted via YouTube or Vimeo.

Contrast​

Make sure the appropriate contrast is maintained throughout the entire video. As per WACG (Level AA) guidelines, the visual presentation of text and images of text should have a contrast ratio of at least 4.5:1.

File size and format​

The video size limit should not exceed 5mb and should be MP4 format.

Background video dimensions​

The dimensions of the video is dependent on the component and the maximum component width and height. Make sure the video width and height are large enough as to not cause artefacts when playing, but also make sure to keep the file size of the video within 5mb.

Background video length​

Video that plays in the background of a component will “loop” without sound. It is recommended that the video length not exceed 10 seconds. It can be longer if the video size does not exceed 5mb. It is recommended that the video seamlessly loops.

Mobile​

It is recommended that the poster image of the video be used in place of a background video on all mobile breakpoints.

Transcript​

Where possible, include a transcript, either as a text available to screen readers or an audio transcript. The transcript should sync with the visual display.