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
Made my entry for the Video.js v10 Skin Challenge on Contra 💗
It’s a video player skin inspired by early-2000s computers and the pink glossy themes everyone had back then.
Here’s how it works: you start in a teenage bedroom, an old monitor boots up, the camera zooms into the screen, and the player opens inside the retro desktop.
Starting in a teenage bedroom and zooming into the booting monitor is such a good opening — the player doesn't just look retro, you arrive at it the way you arrived at a computer in 1998. The pink gloss and the little vlog-1998.mp4 file on the desktop sell the whole era without...
Booting up an old monitor in a teenage bedroom before the player opens, pure early-2000s nostalgia. Love the pink gloss.
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
Pull into the drive-in and save three spots for your friends. 🚘
I built LOT 66, a custom Video.js v10 skin for the Contra challenge. Start a live watch room for up to four people and share the invite link. As each friend joins, their car lights up and their name appears above it. Everyone watches in sync.
I wanted the controls to feel like part of the car, so I built them into a vintage dashboard. The radio dial adjusts the volume, the tuning scale lets you scrub through the film, and the dashboard stays within reach in fullscreen.
Now showing the original 1960 trailer for Dinosaurus! 🦖
#VideoJSSkinsChallenge
Rewind Video: a Video.js skin that’s a whole video store
I wanted to design a video library that works together with the player, not one bolted on next to it. And the video library I have the warmest memories of is the video store: Friday nights, walking the aisles, reading hand-written staff picks, carrying a tape to the counter. Rewind Video brings that feeling back. You browse the library, rent a film, and watch it, the way we used to.
The store is the library. You walk between three aisles: Horror, Staff Picks and Cult & Sci-Fi. Open a shelf and you see the tapes spine-out, with hand-written labels and genre stickers. Pull one off the shelf and it becomes a 3D VHS tape you can turn in your hands, next to its rental slip. Rent it, and the store keeps it in your rental history.
The player is the TV. The skin is a 1970s TV set, and every control is part of it:
- the push buttons rewind, play/pause, fast-forward and go fullscreen;
- the tuning knob scrubs through the tape;
- the volume knob turns, and a small knob mutes;
- a green VCR bar on the glass shows the time and lets you seek;
- the power knob ejects the tape and sends you back to the shelf.
On a phone the set’s knobs would be too small for a thumb, so the TV comes with its own remote.
Made for everyone. Everything works with the keyboard, with a visible focus ring on every knob and button. Touch targets are thumb-sized, the time stays readable over bright and dark footage, and all the motion calms down when reduced motion is on.
▶ Watch the player: https://inquisitive-profiterole-99d1a7.netlify.app/#watch
🏪 Walk the store: https://inquisitive-profiterole-99d1a7.netlify.app
Please be kind, rewind.
This is so fun! ✨
Peach Pop — A modern Video.js skin designed for creator-focused video experiences.
Live Demo: https://peach-pop.vercel.app
Demo Content: Underwater footage featuring various fish species swimming, showcasing the player's clarity and minimal overlay.
Key Features:
- Custom bubblegum pink progress bar with dot indicator and smooth seeking (as seen at 0:11 / 0:46)
- Rounded, minimal control bar with play/pause, volume, fullscreen
- Built-in keyboard shortcuts: Space / K for play/pause, M for mute, F for fullscreen, Arrow keys to seek 5s
- Mobile-first, fully responsive with pure CSS overrides (no additional JavaScript)
Design Rationale:
Standard video players often feel heavy and technical. Peach Pop was built to feel light, friendly, and modern — perfect for lifestyle, beauty, nature, and short-form content while maintaining full Video.js functionality.
Stack: Video.js + Custom CSS, deployed on Vercel.
#videojsskinschallenge
The bubblegum-pink progress bar gives Peach Pop a friendly little spark. Lovely to see such a light, simple direction for the player.