مشغّل الفيديو

مكوّن مشغّل فيديو مع أدوات التحكّم في التشغيل. يدعم تخطيط RTL. اضغط على تشغيل لمعاينة حالة التشغيل النشطة.

Loading demo: video-player-real-world

التثبيت

npx sdaia-ui@latest add video-player

import { VideoPlayer } from "@/components/ui/video-player"

<VideoPlayer />

مشغّل فيديو مع أدوات التحكّم في التشغيل. اضغط على تشغيل لمعاينة حالة التشغيل النشطة.

Loading demo: video-player-default

خصائص مكوّن VideoPlayer.

Prop	Type	Default	Required
poster	string	-	optional
posterAlt	string	''	optional
title	string	-	optional
playing	boolean	-	optional
defaultPlaying	boolean	false	optional
progress	number	-	optional
defaultProgress	number	0	optional
currentTime	string	'0:00'	optional
duration	string	'0:00'	optional
onPlay	() => void	-	optional
onPause	() => void	-	optional
onPrevious	() => void	-	optional
onNext	() => void	-	optional
onProgressChange	(value: number) => void	-	optional
onVolumeClick	() => void	-	optional
onSettingsClick	() => void	-	optional
onFullscreenClick	() => void	-	optional
onMoreClick	() => void	-	optional
rtl	boolean	false	optional
src	string	—	optional