Video.js skin

Candy Shell

No video loaded

/

Captions are on. Keys: Space plays and pauses, M mutes, C toggles captions, F goes fullscreen, arrows seek and set volume.

Notes

Idea
Glossy candy plastic from 1999 for a summer festival's video archive: a row of teal candy domes floats over the picture, the seek is a teal capsule with a molded groove and a white ball riding in it, and the center play is a glossy dome. Nostalgia on modern bones.
Accessibility
A plain dark scrim under the row keeps the white time above 4.5:1 even over a pure white frame, the white fill reads above 3:1 against the capsule's darker molded groove with the white ball riding its played edge, captions on adds a white bar under the CC dome while off greys it, and with reduced transparency or more contrast the scrim turns solid.
Craft
The candy art is used as is, in its one glossy teal: its states are filter tints on the image, never a redrawn color, and the white ball was cut off its own candy disc with a circular crop; a press squashes a dome 4% from its base in 60ms and it springs back over 200ms without overshoot.