Video Player

1import VideoRoot, {
2  VideoViewport,
3  VideoControls,
4  VideoPlayTrigger,
5  VideoFullscreenTrigger,
6  VideoProgressBar,
7  VideoSoundControl,
8  VideoPipTrigger
9} from "@/registry/8starlabs-ui/blocks/video-player";
10 
11export default function VideoPlayerDemo() {
12  return (
13    <VideoRoot className="rounded-lg">
14      <VideoViewport src="https://vjs.zencdn.net/v/oceans.mp4" />
15 
16      <VideoControls className="flex items-center justify-between gap-4">
17        <VideoPlayTrigger />
18        <VideoSoundControl />
19        <VideoProgressBar />
20        <VideoPipTrigger />
21        <VideoFullscreenTrigger />
22      </VideoControls>
23    </VideoRoot>
24  );
25}