Skip to content
Nucleus Docs

Video

<ns-video>
Overview Guidance Implementation

Overview

Loads YouTube videos.

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
16 / 9 4 / 3 1 / 1
Default
16 / 9

type

Property
type
Type
string
Default
standard

Events

NameDescription
statechangeThe event fired when the state of the video changes.

This page covers most of the ways you can use ns-video. Please reach out to us if you are unsure about a potential use. Here are some useful links to related content: