Aero
A glossy, 2007-style skin for Video.js v10
Design thinking
Aero brings back the glossy media players of 2007. The player is a sculpted glass shell with orb buttons, and the seek bar is a tube that fills as the video plays, split into the video’s chapters. One set of colour tokens restyles the whole skin.
Works for everyone
Time and chapter sit on a solid readout, never on gloss. Every button is at least 44 px, the focus ring shows on any colour, and motion stops when reduced motion is on. Narrow players fold into a flat deck; fullscreen turns it into a floating dock.
Keyboard
- SpacePlay or pause
- JLSkip 10 seconds
- ↑↓Volume
- MMute CCaptions FFullscreen