The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Proof — a press-proof skin for Video.js v10
Proof treats the player like a sheet coming off the press. Crop and registration marks frame the picture, and the controls sit on an opaque paper margin with a K·C·M·Y colour bar, so they stay readable over bright and dark footage alike. The seek bar is a tint ruler with a registration-target thumb, volume is printed as ink density (yellow, magenta, cyan, then key), and when the video ends the sheet is stamped "OK to print."
It's built on the Scaffold skin's accessible components: every control is reachable by keyboard with a registration-magenta focus ring, touch targets are 44 px, the plate compacts on phones, motion switches off under reduced-motion, and decoration steps aside in forced-colours mode. The demo plays our own studio film from Mux, with chapters and captions. Designed and built by Sidepath Studio.
Great work 👏🏻
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Aura — a Video.js 10 skin where the player takes its colour from the video itself in real time. An ambient accent and soft glow are sampled live from the frame, so the chrome feels alive and part of the film. A glass control bar and a cinema mode keep all focus on the film. Built for anyone who wants a video player that feels part of the film, not a frame around it.
Darkroom, a Video.js v10 skin that develops your video like 35 mm film.
Darkroom turns the Video.js v10 player into a roll of 35 mm film. The scrubber is the strip itself: four perforations to a frame, chapters spliced on frame lines, and every frame you have watched develops into an orange negative printed from the video's own storyboard. Hover a frame and it flips to a positive, with a contact print above it naming the frame and time. The readout is a darkroom timer instead of a timestamp: a camera counter that starts at S, ticks through 36 exposures and ends at 36 END, where a Roll complete card rewinds the strip in steps.
Safelight red is kept for focus rings, the exposure lamp and active states. Everything else is paper on a grain textured panel that holds 11:1 contrast over white footage, so the controls stay readable over any video. The icons are a custom family drawn for the concept: a viewfinder for fullscreen, an aperture for settings, a rewind crank for restart.
It is fully keyboard operable with visible focus everywhere, 44 px touch targets, reduced motion support, forced colors support, and a responsive layout tested from 240 px to fullscreen in Chrome, Safari and Firefox. The showcase page lets you switch between dark and bright footage and between 16:9 and 9:16.
That film-strip scrubber is clever.
Spectrum Reel is a Video.js 10 skin built from a scan of the film it plays. The seek bar borrows the old movie-barcode idea and makes it the timeline: not one colour per scene but every frame, eight a second, squeezed into a column and cut into scenes at the hard cuts, so you can see the aurora or the desert and jump straight there (click, [ and ], or the Scenes menu). Instead of one gradient over every frame, each row of controls gets its own backing for the picture behind it: a thin shade over a dark horizon, a paper chip over cloud or a lit city. That map is made once per video by a small script, so nothing reads the video during playback, and without it the skin falls back to a plain scrim. Footage: NASA ISS time-lapses (public domain in the US), streamed from Mux.
