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
I built AETHER, a modern, cinematic video player skin using Video.js v10, React, and TypeScript. I included voice recognition for player to make special.
Most video players look and feel similar. I wanted to explore how a video player could have its own unique personality without compromising usability. AETHER demonstrates how Video.js v10 can power a beautiful, flexible, and accessible viewing experience.
Voice control on a player is a fun addition. Nice work Sankar.
Thanks Denis. I am glad you liked my work😊
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
Aurora Skin — The picture ends. The atmosphere doesn't. ✨
Aurora Skin is a cinematic video player interface designed for Video.js v10, inspired by the northern lights and the idea that a great viewing experience extends beyond the video frame.
Instead of treating the player as a collection of controls, I wanted to make the entire viewing experience feel alive.
The design combines translucent glass controls, atmospheric cyan and violet lighting, refined typography, and a distraction-free layout. Its Living Aurora system lets viewers customize the ambient lighting through three modes: Subtle, Balanced, and Vivid.
Every detail is designed to balance personality with usability, from responsive controls and keyboard navigation to accessible interactions and reduced-motion support.
My goal was simple: create a player that feels as memorable as the content it plays.
Built with Video.js v10.
#videojsskinschallenge
Reel Atlas — More than playback. Explore every moment.
Reel Atlas is a premium, editorial-inspired video experience built around the actual Video.js v10 player. I created it to make video playback feel more than just watching a video — it should be an intuitive, immersive, and personal experience.
Its visual identity combines deep ink tones, warm paper surfaces, moss, and rust accents to create a distinctive and focused viewing environment.
Beyond its custom player interface, Reel Atlas brings together advanced playback controls, an interactive timeline, bookmarks, personal media libraries, playlists, subtitle and transcript exploration, audio equalization, Cinema Mode, Focus View, and native Picture-in-Picture.
The experience balances visual originality with practical usability, responsive layouts, keyboard accessibility, and thoughtful interactions. It also supports public Mux HLS playback through the Video.js player.
My goal was to build a complete video experience where thoughtful design and meaningful functionality work together.
Editorial feel with real Video.js underneath, nice work.
⚡ NEON INFINITY — Redefining the Video Player
I designed this Video.js skin to turn a simple video player into a premium visual experience. The interface combines cinematic visuals, vibrant neon lighting, glassmorphism, immersive controls, 4K quality selection, playback speed, VR mode, Cinema Mode, interactive timeline previews, and smooth, intuitive navigation.
Every element was designed with one goal: make the interface feel so beautiful that users want to interact with it before they even press play.
🎬 Watch More. Feel More. Enjoy More.
#VideoJS #UIDesign #UXDesign #WebDesign #CreativeDesign #ProductDesign #Contra #VideoPlayer
