Build yourplayer.
UI components and hooks for building media players on the web. Robust, customizable, and accessible.
- Announcements
Informative screen reader updates for media state changes.
Learn more - Labels
Clear semantic labels and roles for screen readers.
Learn more - Captions
Consistent and customizable captions across browsers.
Learn more - Audio
Multitrack audio support for i18n and descriptions.
Learn more - Keyboard
Full keyboard navigation support and shortcuts.
Learn more - Focus
Robust focus management and clear indicators.
Learn more - Color
Accessible contrasts and color scheme options.
Learn more - Tooltips
Popover text to provide more helpful descriptions.
Learn more - Motion
Reduced motion support for vestibular disorders.
Learn more - Customize
Tailored user settings for all player preferences.
Learn more - Compliant
WCAG 2.2, WAI-ARIA, and CVAA spec-compliant.
Learn more
- TypeScript
First-class TS support including types for multiple frameworks.
- Player API
Comprehensive set of props, methods, events, and more.
Learn more - Components
Modular and reusable player components, ready to compose.
Learn more - Hooks
Convenient player hooks for React.
Learn more - Architecture
Robust player architecture tested at scale at Reddit.
Learn more - Accessible
Built-in accessibility features.
Learn more - Frameworks
Support for multiple JS frameworks.
Learn more - Bundler Plugins
Auto-setup for various bundlers including Vite, SvelteKit, Nuxt, and more.
Learn more - VS Code
IDE plugin for auto-completions and docs.
- Providers
Load various source types including HLS, DASH, and more.
Learn more - Live Streams
Extensive live streaming support and API.
Learn more - SSR
Server-side rendering support.
- State Management
Easily manage reading and updating media state.
Learn more - Styling
Customizable headless components, style your way.
Learn more - Tailwind CSS
Seamless Tailwind integration with our plugin and components.
Learn more - Layouts
Use production-ready layouts or build your own.
Learn more - Themes
Light and dark mode support.
Learn more - I18n
Custom language translations support.
Learn more - Events
Rich set of normalized media events.
Learn more - Triggers
Trace events back to their origin.
Learn more - Load Stratagies
Specify when media should begin loading.
Learn more - Captions
Customizable captions with support for various formats.
Learn more - Chapters
Easily navigate content sections.
Learn more - Thumbnails
Preview and navigate content with images.
Learn more - Clipping
Trim start and end of media client-side.
Learn more - Storage
Save player and media settings.
Learn more - Gestures
Perform actions based on user gestures.
Learn more - Keyboard
Control player state and components with keyboard input.
Learn more - Fullscreen
Normalized API across browsers and providers.
Learn more - PIP
Mutli-task with mini floating players.
Learn more - Screen Orientation
Rotate screen for an immersive experience.
Learn more - Audio Gain
Apply gain to output to increase volume.
Learn more - Audio Tracks
Manage multiple audio tracks.
Learn more - Text Tracks
Manage captions, subtitles, chapters, and more.
Learn more - Qualities
Manage multiple playback video qualities.
Learn more - Remote Playback
Play media on a remote device such as a TV.
Learn more
UI component library for building video and audio players for the web.
Learn more- Captions1.0
Modern media captions parser and renderer. Supports VTT, SRT, and SSA.
Learn more - Icons1.0
Beautifully hand-crafted collection of media icons designed for players.
Learn more Simple, lightweight, accessible and customizable media player.
Learn moreCustomizable, extensible, accessible and framework-agnostic media player.
Learn more