Video Player Autoplay

1import VideoRoot, {
2  VideoControls,
3  VideoFullscreenTrigger,
4  VideoPipTrigger,
5  VideoPlayTrigger,
6  VideoProgressBar,
7  VideoSoundControl,
8  VideoViewport
9} from "@/registry/8starlabs-ui/blocks/video-player";
10 
11export default function VideoPlayerAutoDemo() {
12  return (
13    <VideoRoot className="rounded-lg" auto>
14      <VideoViewport src="https://vjs.zencdn.net/v/oceans.mp4" muted />
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}