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
Receiver turns the Video.js v10 player into a hi-fi tuner. The timeline is a tuning dial: an amber backlight fills as you watch, a needle marks your place, and the 0-9 printed on the scale are the same number keys that jump through the video. Controls are physical keys on a solid faceplate, so they stay legible over any footage, with lamps that report play, buffering, captions and mute. Volume is a VU meter. Cream in light mode, charcoal in dark, fully keyboard operable, and it scales down to phone-sized players. Updated entry: the skin now also runs on my live portfolio site, and was checked under reduced motion, increased contrast and forced colours.
Number keys printed on the dial that actually jump through the video, great detail.
the timeline as a tuning dial with an amber backlight is so good, receiver nails the hi-fi feel 📻
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
NOCTILUCA — an abyssal Video.js v10 skin that turns playback into an expedition. Original bioluminescent jellyfish artwork and a custom 8-second motion study set the scene; spectral cyan and violet controls emerge from a glassy, low-profile rail, then recede so the picture stays in focus. Built from Video.js v10 media components with responsive layout, accessible labels and focus states, keyboard shortcuts (Space, M, F, ←/→), reduced-motion support, seek, time, mute and fullscreen controls. The player is ready to explore at the links below.
Kerf is a Video.js 10 skin built on one idea: cut the picture instead of covering it.
Most players float their controls over the video, then fight the footage for contrast with gradients and blur. Kerf cuts a notch into the player’s own frame and puts the controls there, on a solid surface in your product’s colour. They read the same over a white sky or a black night. Previews, menus and volume rise out of that frame from the control that opened them, and sink back when the film plays.
It’s built for modern SaaS and minimal products: one accent and one radius to set, plus light, dark or auto surfaces. It folds the controls away before the first play, and adds chapters, storyboard previews and captions as a notch. Every control works by keyboard, focus rings are visible, it honours reduced motion and forced colours, and it supports right-to-left layouts. axe-core reports 0 violations.
Plain HTML and CSS on @videojs/html with the official icons. Open source under Apache 2.0.
Cutting the picture instead of covering it is a really strong idea.
Who wants to come to a picnic with an outdoor movie? I'll bring the video player 🧺🎬
Picnic Cinema is my new Video.js skin: a 3D garden cinema where the controls hang as tags from festoon bulbs. The lights glow when you pause and dim when the film starts.
Too comfy to reach the bulbs? Grab the remote on the picnic table.
You can still use the keyboard like a normal player: Space to play, arrows to seek and change the volume, F for fullscreen.
this is such a fun concept!