opinion
VideoPlayer
A video with play, pause, scrub, volume and fullscreen controls.
WalkthroughSpace plays, arrows seek 5 seconds
0:00 / 0:00
0:00 / 0:00
0:00 / 0:00
In context
Interview recordingWatch the call beside the notes
Research
PNInterview 03 walkthrough212 MB, Crew interviews
0:00 / 0:00
Priya walks the night-watch handover with Tomas Larsen. Notes are due 17 Oct.
Props
| Prop | Type | Required | Default |
|---|---|---|---|
src | string | Yes | — |
poster | string | undefined | No | — |
preload | "metadata" | "none" | "auto" | undefined | No | metadata |
skipSeconds | number | undefined | No | 10 |
Accessibility
The scrub bar is a real role="slider": ArrowLeft and ArrowRight seek 5 seconds, Home and End jump to the start and end.
data-rebar-* attributes
data-rebar-component="video-player" on the root (a role="group"); parts: video, controls, play-button, skip-back, skip-forward, scrub, time, mute, volume, fullscreen, error.
Migrating to Ant Design
Not codemod-covered. AntD has no video player; keep the real <video> and re-skin the controls.