A Video.js v10 skin

Second Chapter

A player for video podcasts that reads like a book: the timeline is split into chapters, a table of contents lets you jump to any part of the conversation, and the controls sit on a paper card that stays legible over the brightest or darkest frame.

Design notes

I. A paper card, not a glass bar

Podcasts are watched over every kind of footage: a bright studio, a dark living room, a sunset. Instead of translucent glass that changes with each frame, the controls live on an opaque paper card with ink text, so contrast stays above 12:1 whatever the video shows.

II. Chapters you can read

Long conversations need structure. The timeline is split into chapters, the card always shows which chapter you are in with a roman numeral, and the Contents list works like a book's table of contents: one tap jumps to any part of the story.

III. Built for listening

Skip 15 seconds instead of 10, change speed in one tap, and turn on captions. On a phone the card becomes a full-width sheet with 44px targets, and double-tapping the left or right edge skips back or forward.

IV. Calm by default

Focus rings are always visible, every control works from the keyboard and the Contents list closes with Escape. With reduced motion turned on, every transition is switched off.

Keyboard

Space / K
Play / pause
J / L
Back / forward 15s
← / →
Back / forward 5s
↑ / ↓
Volume
M
Mute
C
Captions
F
Fullscreen
0–9
Jump to 0–90%