Build your player.
UI components and hooks for building media players on the web. Robust, customizable, and accessible.
 Accessible.  
  Built for all.   
  -  AnnouncementsInformative screen reader updates for media state changes. Learn more
-  LabelsClear semantic labels and roles for screen readers. Learn more
-  CaptionsConsistent and customizable captions across browsers. Learn more
-  AudioMultitrack audio support for i18n and descriptions. Learn more
-  KeyboardFull keyboard navigation support and shortcuts. Learn more
-  FocusRobust focus management and clear indicators. Learn more
-  ColorAccessible contrasts and color scheme options. Learn more
-  TooltipsPopover text to provide more helpful descriptions. Learn more
-  MotionReduced motion support for vestibular disorders. Learn more
-  CustomizeTailored user settings for all player preferences. Learn more
-  CompliantWCAG 2.2, WAI-ARIA, and CVAA spec-compliant. Learn more
 Features.  
  Built to satisfy.   
  -  TypeScriptFirst-class TS support including types for multiple frameworks. 
-  Player APIComprehensive set of props, methods, events, and more. Learn more
-  ComponentsModular and reusable player components, ready to compose. Learn more
-  HooksConvenient player hooks for React. Learn more
-  ArchitectureRobust player architecture tested at scale at Reddit. Learn more
-  AccessibleBuilt-in accessibility features. Learn more
-  FrameworksSupport for multiple JS frameworks. Learn more
-  Bundler PluginsAuto-setup for various bundlers including Vite, SvelteKit, Nuxt, and more. Learn more
-  VS CodeIDE plugin for auto-completions and docs. 
-  ProvidersLoad various source types including HLS, DASH, and more. Learn more
-  Live StreamsExtensive live streaming support and API. Learn more
-  SSRServer-side rendering support. 
-  State ManagementEasily manage reading and updating media state. Learn more
-  StylingCustomizable headless components, style your way. Learn more
-  Tailwind CSSSeamless Tailwind integration with our plugin and components. Learn more
-  LayoutsUse production-ready layouts or build your own. Learn more
-  ThemesLight and dark mode support. Learn more
-  I18nCustom language translations support. Learn more
-  EventsRich set of normalized media events. Learn more
-  TriggersTrace events back to their origin. Learn more
-  Load StratagiesSpecify when media should begin loading. Learn more
-  CaptionsCustomizable captions with support for various formats. Learn more
-  ChaptersEasily navigate content sections. Learn more
-  ThumbnailsPreview and navigate content with images. Learn more
-  ClippingTrim start and end of media client-side. Learn more
-  StorageSave player and media settings. Learn more
-  GesturesPerform actions based on user gestures. Learn more
-  KeyboardControl player state and components with keyboard input. Learn more
-  FullscreenNormalized API across browsers and providers. Learn more
-  PIPMutli-task with mini floating players. Learn more
-  Screen OrientationRotate screen for an immersive experience. Learn more
-  Audio GainApply gain to output to increase volume. Learn more
-  Audio TracksManage multiple audio tracks. Learn more
-  Text TracksManage captions, subtitles, chapters, and more. Learn more
-  QualitiesManage multiple playback video qualities. Learn more
-  Remote PlaybackPlay media on a remote device such as a TV. Learn more
-  Player1.00.0k UI component library for building video and audio players for the web. Learn more
-  Captions1.0Modern media captions parser and renderer. Supports VTT, SRT, and SSA. Learn more
-  Icons1.0Beautifully hand-crafted collection of media icons designed for players. Learn more
-  PlyrArchived0.0k Simple, lightweight, accessible and customizable media player. Learn more
-  VimeArchived0.0k Customizable, extensible, accessible and framework-agnostic media player. Learn more