Skip to main content Red Hat Design System logo Contribute on Github v2.0.0

Video embed

Overview Style Guidelines Code Demos Accessibility

Overview

A video embed element is a graphical preview of a video overlayed with a play button. When clicked, the YouTube video will begin playing.

Red Hat Logo on a gray background

Status

What do these mean?
Figma library:
Ready✔️
RH Elements:
Ready✔️
RH Shared Libs:
PlannedPlanned

Sample element

Red Hat Logo on a gray background

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

When to use

  • When you need to embed a YouTube video on a page
  • When you want a faster YouTube embed
  • When you don’t want to load several megabytes of JavaScript for a YouTube embed

Property Status Meaning
Figma library Ready✔️ Component is available in the Figma library
RH Elements Ready✔️ Component is available in the RH Elements repo
RH Shared Libs PlannedPlanned Component should be added to the RH Shared Libs repo at a later date
© 2021-2024 Red Hat, Inc. Deploys by Netlify