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
Screening Room is an editorial-style skin for Video.js v10, designed for film reels and creative portfolios.
Cream surfaces, burgundy accents and serif typography give the player the feel of an independent cinema programme. The controls sit beneath the footage on a solid background, keeping them readable throughout the video.
The interface includes playback, seeking, time, volume, mute and fullscreen controls, with a chapter selector for navigating longer videos.
Cream, burgundy and serif type, it really feels like an indie cinema programme.
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
Cinematic custom Video.js 8 skin built on CDN + Mux HLS, 90% custom CSS.
✅ Custom Design: AI theme with cyan #00f5d4 glow, glassmorphism, CURATOR-ON toggle
✅ Controls: Play, volume, progress scrub, 1.0x speed, CC, fullscreen, bookmark
✅ Accessibility: Keyboard (Space, arrows, M, C, F), ARIA, focus states
✅ Playlist: Now Playing SYNTHSCAPES / Up Next Neural Dreams
✅ Innovation: CURATOR metadata overlay, adaptive HLS streaming
Instructions: Open link > Go to App Preview tab > Play
Meet MUXSCAPE, my entry for the Video.js Skins Design Challenge.
I wanted to explore a different approach to video playback, something that feels more like a cinematic experience than a traditional video player.
Built on the Video.js v10 Scaffold skin, MUXSCAPE features adaptive ambient lighting inspired by movie posters, floating frosted glass controls, contextual menus, and a responsive layout.
It supports both YouTube trailers and Mux hosted movies, with accessibility and performance being an important part of the experience.
This was a fun opportunity to experiment with spatial UI, glassmorphism, and cinematic interactions while pushing the possibilities of Video.js.
Hope you enjoy exploring it!
Nice cinematic direction for MUXSCAPE.
VOWAM Vision — Beyond the Frame
VOWAM Vision is a custom Video.js 10 skin inspired by cinematic playback monitors. A floating glass control deck groups the playback controls, and a mint diamond marks your place on the timeline. On phones, the deck moves below the picture so the controls stay visible without covering the film.
The demo features the Sintel teaser by the Blender Foundation.
