Video Player

1import VideoPlayer from '@/components/ui/video-player'
2
3export function Demo() {
4    return (
5        <>
6            <VideoPlayer
7                source="https://www.w3schools.com/tags/mov_bbb.mp4"
8                poster="/images/video-player-bg.jpeg"
9                loop
10                controls
11                className="rounded-lg shadow"
12                autoPlay
13            />
14        </>
15    )
16}
17

1import VideoPlayer from '@/components/ui/video-player'
2
3export function Demo() {
4    return (
5        <>
6            <VideoPlayer
7                source="https://vimeo.com/347119375"
8                poster="/images/video-player-bg.jpeg"
9                autoPlay
10                loop
11                controls
12                dialog
13                className="rounded-lg shadow"
14            />
15        </>
16    )
17}
18

1import VideoPlayer from '@/components/ui/video-player'
2
3export function VideoPlayerSize() {
4    return (
5        <>
6            <VideoPlayer
7                source="https://www.w3schools.com/tags/mov_bbb.mp4"
8                autoPlay
9                loop
10                controls
11                className="rounded-lg shadow"
12                size="sm"
13            />
14        </>
15    )
16}
17

1import VideoPlayer from '@/components/ui/video-player'
2
3export function Demo() {
4    return (
5        <>
6            <VideoPlayer
7                source="https://vimeo.com/347119375"
8                poster="/images/video-player-bg.jpeg"
9                loop
10                controls
11                className="rounded-lg shadow"
12            />
13        </>
14    )
15}
16

1import VideoPlayer from '@/components/ui/video-player'
2
3export function Demo() {
4    return (
5        <>
6            <VideoPlayer
7                source="https://vimeo.com/347119375"
8                poster="https://vimeo.com/347119375"
9                loop
10                controls
11                dialog
12                dialogFrom="left"
13                className="rounded-lg shadow"
14            />
15        </>
16    )
17}
18