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 — the player that senses the video 🎬
I did not want to dress the player up as something else. I wanted it to wake up. So I built a skin whose chrome is live player state: a real telemetry deck (rendition, bitrate, buffer, dropped frames), an ambient glow sampled from the frame itself, a chapter-segmented seek bar with live scrub previews, a Caption Studio with a descriptive track I wrote for the demo film, and four context modes — Cinema, Portrait, Audio, TV — in one Video.js 10 skin.
Live demo: https://golden-naiad-70c020.netlify.app
Details in the project. Feedback welcome!
#videojsskinschallenge
Live telemetry as the chrome is a cool take. The glow sampled from the frame is nice.
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
I'm ready to turn creativity into innovation! 🚀 My goal is to build a next-level Video.js skin that combines premium design, smooth performance, modern UI, and an outstanding user experience. I don't just want to participate in this challenge — I want to create something businesses would love to use. Let's turn this challenge into an opportunity! 💻🔥
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
Thanks so much! I was torn between a solid color and a gradient - the purple to cyan just felt more "AURA". What would you have done? Kept the gradient or gone more subtle?