Playground

Experiment with player settings and copy the generated code.

Control the player's visual style. See all attributes →

Shape Spacing Progress Preload

Customize colors and typography. See CSS variables →

Colors

Accent Background Surface Text Muted Border

Font Font Size

${ fontSize }px

Show or hide parts of the player.

Hide Transcript Hide Translation Hide Branding

Copy this code into your project. Don't forget to include the player script.

Stylesheet Inline

HTML

${ generatedHtml }

CSS

Learn More

Quick start and feature highlights

Attributes, styling, and CSS variables