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
Frost Line: the whole player rests as one frosted hairline
A minimal player that rests as one frosted hairline: the lit seek line, a small play glyph and the time, floating low over the picture. Bring the pointer, a finger or the keyboard to it and the glass rises from its own bottom edge, the play glyph grows, and volume, captions and fullscreen grow up out of the line. Let go and it settles back to a hairline, quieter on the way out than on the way in. The seek is never hidden, every button is 44px even at rest, and keyboard focus anywhere in the bar blooms it, so every control stays reachable by Tab.
Video hosted on Mux, public playback ID: 8yxCaRsijLJsebpsqnXtVq5FlLVtt5W8RIpaKgzUlJQ
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
The Oven
The Oven is a Video.js 10 player you bake with: the film plays in the oven door, the handle plays and pauses, the bread peel is the seek bar and a bench scraper is the playhead.
Dials for volume and speed, an order slip for captions, a wall switch for full screen and a soft night of sound around the film; every part is a standard Video.js control, so it works by keyboard, touch and screen reader.
https://the-oven-videojs.vercel.app
The bread peel as a seek bar got me. Super fun.
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
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.