사용법
기본 컨트롤과 키보드 재생, 탐색, 음소거 조작을 제공해요. 이 데모는 네트워크 영상 없이 UI만 보여줘요.
인터페이스
VideoPlayerProps
| 속성 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| label* | string | — | 비디오 접근성 라벨 |
| seekStep | number | 5 | 키보드 탐색 간격(초) |
| onPlayStateChange | (isPlaying: boolean) => void | — | 재생 상태 변경 콜백 |
| className | string | — | 루트 클래스 |
| style | CSSProperties | — | 인라인 스타일·CSS 변수 |
VideoPlayer 컴포넌트 Props 표
가져오기
모션 CSS는 @goldtreedev/ui/motion.css를 함께 import해요.
@import "@goldtreedev/ui/motion.css";
import { VideoPlayer } from "@goldtreedev/ui";