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
first i explored a heavier, game like interface, more like an RPG anime style. It looked interesting in isolation, but for a web video player it pulled attention away from the picture and made simple actions feel harder than they should.
So I simplified.
PRISM X is a custom Video.js v10 skin built around a light diamond / crystal control interface: physical enough to feel intentional, quiet enough to stay out of the way. The goal is cinematic playback that still feels native on real sites. clear controls, easy navigation, and a look that blends into the screen instead of competing with the video.
Simplifying after the RPG version was the right call. A crystal interface that stays out of the picture, nice.
A light diamond / crystal control interface that's physical enough to feel intentional yet quiet enough to stay out of the way is a hard balance to strike — most crystal looks would fight the picture. Building for cinematic playback that blends into the screen instead of...
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
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.
Luminary — Multi-Style Video.js Skin
(**Please respect the original work and do not copy this multi-theme skin concept.**)
An elegant, constraint-free UI built to elevate any production.
**13 expertly crafted styles to suit your taste
**Fully responsive across all screen sizes
**Ready to use right out of the box
**When designing the core frame, my goal was to create a versatile, eye-catching player that fits any project seamlessly. Across all 13 variations, I focused on blending popular, in-demand aesthetics with timeless themes so every creator can find their ideal match.**
Let me know which style is your favorite in the comments. Thank you!
13 styles in one skin, impressive range. Nice work.
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
