Video Player

A video player that matches your design. Built on media-chrome for accessibility, with controls that inherit your theme colors. Keyboard shortcuts work (space to play, arrows to seek). Choose which controls to show—play/pause, seek, volume, time display—or use them all. Works well for product demos, course videos, or anywhere the default browser player doesn't fit.

Video Player preview

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