Video

Overview

Loads YouTube videos.

British Gas creates many videos to engage customers. The ns-video component enables the use of these videos on the website and gives better context to the customer regarding what, how or why they should do something.

Examples

Configure

Guidance

Implementation

Placement

The ns-video component can be used in the following components:

<ns-lockup>
<ns-content>

Specification

Attributes

id

Property: id
Description: The ID of the YouTube video.
Type: string
Default

title

Property: title
Description: The title of the video iframe.
Type: string
Default: YouTube video

ratio

Property: ratio
Description: The ratio of the video.
Type: string
Options: 16 / 9 4 / 3 1 / 1
Default: 16 / 9

type

Property: type
Type: string
Default: standard

Events

Name	Description
`statechange`	The event fired when the state of the video changes.

Last updated: Mar 8, 2024