Video Player
Video player chrome with a floating dock, chapter scrubber with buffered fill, captions, speed menu, volume, full screen, keyboard shortcuts and auto-hiding controls.
Preview
Crossing at dusk· Open water
Out here the only sound is the hull.
1:14 / 4:05
Harbour, 4 a.m.
1:36
0:00 / 1:36
Keyboard
Play or pauseSpace / K
Back or forward 5 s← →
MuteM
CaptionsC
Full screenF
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | — | Names the player and shows in the title chip. |
| src / poster | string | — | A real video file and its poster. |
| scene | (time: number) => ReactNode | — | Drawn screen for the simulated mode (no src), rendered at the current time. |
| duration | number | 0 | Length in seconds; required without src. |
| chapters | { start, title }[] | [] | Splits the scrubber into segments; the current chapter shows in the title chip. |
| captions / defaultCaptions | { start, end, text }[] / boolean | [] / false | Caption cues drawn by the player; adds the captions key (C). |
| defaultTime | number | 0 | Start position; above 0 skips the big play key. |
| rates | number[] | [0.5, 0.75, 1, 1.25, 1.5, 2] | Speeds in the speed menu. |
| hideAfter | number | 2500 | Milliseconds without pointer movement before the controls hide while playing. |
| onTimeChange | (seconds: number) => void | — | Called while playing and on seek. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.