VideoPlayer

Media

Video player with controls, playback speed, volume, fullscreen, and subtitle support

Basic Player

A customizable video player component with support for multiple qualities, custom controls, and responsive design.

0:00 / 0:00

Quality Switch

0:00 / 0:00

Usage Guidelines

When to Use

  • Video playback
  • Media content
  • Educational content

Accessibility

  • Keyboard controls for playback
  • Captions support

Performance

  • Native video element
  • Lazy controls rendering

Common Mistakes

  • No fallback for unsupported formats
  • Autoplay with sound

Frequently Asked Questions

VideoPlayer includes playback controls, speed, volume, fullscreen, and subtitle support.
Yes, VideoPlayer supports WebVTT and SRT subtitle formats.

View on GitHub

See the full source code on GitHub

Related Components

View all
AspectRatio

Container enforcing aspect ratio constraints with responsive behavior and overflow handling

Calendar

Calendar date display with month/year navigation, date range selection, and locale support

Carousel

Image/content slideshow with navigation controls, autoplay, infinite loop, and swipe gestures

Previous

Tour

Next

Affix