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
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
Minimal overlay keeps the footage front and center. Nice and clean.
The bubblegum-pink progress bar gives Peach Pop a friendly little spark. Lovely to see such a light, simple direction for the player.
I'd be glad to have you check out SIGHTLINE too, Victor. Let me know what you think if you stop by.
Appreciate the shoutout, Hùng! I'll definitely check out SIGHTLINE when I get a moment and let you know what I think."
The keyboard shortcuts are the part I'd actually use every day — Space/K to play, M to mute, F for fullscreen, arrows to skip 5 seconds — and building the whole thing with pure CSS overrides and no extra JavaScript keeps it light in exactly the way the pink, rounded look...
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
Here’s my Video.js skin submission! I imagined what it would be like watching a video in a spacecraft from the future and left behind the conventional layout of the controls. What do we think?
Well done.
A dark, glassmorphic Video.js v10 skin. The control bar is a frosted-glass strip that floats over the footage, so it stays legible over both bright and dark video. A violet-to-magenta gradient fills the progress bar and the scrubber glows, giving the seek line a "live" feel. The big play button is a deep violet circle. All five essential controls are present and keyboard-reachable with visible focus outlines, and the bar reflows cleanly from desktop down to a phone-width player. The video is hosted on Mux.🙌
Luminary - A Video.JS skin
34 - Skin Styles/ Themes
Let me know your favorite one.
Thank you!
34 styles is wild. Hard to pick a favorite, impressive range.