Skip to content

Video

Experimental

Video is used to embed a YouTube video.

Examples

The Video component takes up all available space and keeps a 16:9 ratio:

You can contain it with a Container:

System props

Video supports space props and color props from Styled System.

Component props

NameTypeDefaultRequiredDescription
idStringYouTube ID.
titleStringTitle for the iframe under the hood.
ratioNumber16/9Aspect ratio for the video.

Variants

This component does not support variants.

Visual regression testing

The following URLs can be used for visual regression testing:

Edit this page on GitHub
1 contributormaiertech
Last edited by maiertech on July 2, 2020