Video Player

Finally, a video player that matches your design system. Built on media-chrome for rock-solid accessibility, but wrapped in components that inherit your theme colors automatically. No more fighting with iframe embeds or custom CSS overrides—just drop in your video and the controls match your brand. Keyboard shortcuts work out of the box (space to play, arrows to seek), and the compound component pattern lets you compose exactly the control bar you want. Works great for product demos, course videos, or anywhere the default browser player looks out of place.

Installation

npx shadcn@latest add https://www.shadcn.io/r/video-player.json

npx shadcn@latest add https://www.shadcn.io/r/video-player.json

pnpm dlx shadcn@latest add https://www.shadcn.io/r/video-player.json

bunx shadcn@latest add https://www.shadcn.io/r/video-player.json

Related Components

FAQ