Overview

Loads YouTube videos.

Summarise it!

✨ This is an auto-generated AI summary of the ns-video's documentation. It may not be accurate. ✨

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

Do

• Use videos from Centrica YouTube channels.
• Use inside another component (see placement).
• Use as supplementary content.

Don't

• Use over three videos on a page.
• Use video as the primary content.

Implementation

Placement

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

• <ns-lockup>
• <ns-content>

Specification

Attributes

id

Property

id

Description

The unique identifier of the YouTube video.

Type

string

Default

title

Property

title

Description

The title of the youtube video iframe.

Type

string

Default

YouTube video

ratio

Property

ratio

Description

The aspect ratio of the youtube video.

Type

string

Options

16 / 9 4 / 3 1 / 1

Default

16 / 9

type

Property

type

Type

string

Default

standard

Events

Name	Description
statechange	Dispatched when the state of the youtube video changes. It holds the video id, title and the state.