Component

Video Player

A video player with custom controls, play/pause, progress bar, and fullscreen support. Uses the headless @refraction-ui/video-player core.

Examples

A video player with built-in controls.

Installation

$pnpm add @refraction-ui/react-video-player

Usage

tsx
import { VideoPlayer } from '@refraction-ui/react-video-player'
export function MyComponent() {
  return <VideoPlayer src="/video.mp4" />
}

Props

PropTypeDefaultDescription
srcstring--Video source URL.
classNamestring--Additional CSS classes.