Video Player
Theme-aware video player with custom controls built on media-chrome for React
Video Player preview
Scroll to load preview
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.
Install with AI
If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this component for you — no copy-paste, no CLI:
use shadcnio to install the video-player component into my projectRelated Components
Safari
Browser mockup frame
iPhone Mockup
Mobile video frame
Terminal
CLI demos
Animated Modal
Video lightbox
FAQ
Was this page helpful?
Sign in to leave feedback.