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
AURA - Glassmorphism VisionOS Player
I built AURA, a premium glassmorphism skin for Video.js v10 inspired by Apple VisionOS and modern cinematic UI.
Features:
Large frosted glass big-play button with backdrop-blur and soft glow
Floating pill-shaped control bar (like Apple TV) with glass effect
Gradient progress bar from purple to cyan
Fully responsive, accessible, pure CSS - no extra JS
Designed for immersive ocean/nature content
The goal was to make video controls feel like part of the content, not on top of it. Elegant, minimal, and futuristic.
Built with Video.js 8.10.0, pure CSS backdrop-filter.
#videojsskinschallenge
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
Aura — a Video.js 10 skin where the player takes its colour from the video itself in real time. An ambient accent and soft glow are sampled live from the frame, so the chrome feels alive and part of the film. A glass control bar and a cinema mode keep all focus on the film. Built for anyone who wants a video player that feels part of the film, not a frame around it.
I Designed a custom skin for the Video.js v10 player.
In Video.js v10, a skin is the player’s interface: the UI components plus the styles that present them. Video.js is open source and community-driven, and the player can end up on almost any website, so every skin makes a choice: how much personality it has, how well it fits into someone else’s design, and how far it pushes the controls. This was all incorporated into the design from scratch. The built-in v10 skins show this range. Creativity and mastery are incorporated to produce something nice and pleasant.
videojs.org
Video.js | Open Source Video Player
The open-source video player for React and HTML. Lightweight, accessible components built for performance and streaming.
Please make sure you've shared a public link for us to view your project!
SIDE A - Press Play Like It's 1985.
What if a video player felt like something you could actually touch?
SIDE A is my take on a Video.js v10 skin, inspired by vintage tape decks and the tactile experience of analog technology.
I wanted to move away from the usual minimal video interfaces and create something with personality. Mechanical-style playback buttons, a rotary volume knob, aged brass details, retro typography, and subtle CRT effects all come together to make the player feel like a physical object rather than just another interface.
But the idea wasn't simply to make something nostalgic. I wanted to show that an unconventional design can still be intuitive and accessible. SIDE A is built with responsive controls, keyboard navigation, visible focus states, touch-friendly interactions, and reduced-motion support. In fullscreen, the tape deck transforms into a minimal control tray, keeping the focus on the content.
The result is a balance between old-school character and modern functionality.
Because sometimes pressing play should feel as good as watching what's playing.
Built with Video.js v10 and released under Apache License 2.0.