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
StayPlay, a Video.js skin that watches back.
StayPlay pauses your video when you look away and plays it again when you look back. Tap the eye in the control bar, then Start camera, and the player follows your face on your own device. Look away for about a second and it waits, showing a soft Waiting for you state. Look back and it picks up right where you left off. A pause you make yourself is never overridden.
The camera never leaves the device. Tracking runs locally. Nothing is recorded, uploaded, or stored.
Under the eye it is a complete player: play and pause, seek, skip back and forward 10 seconds, playback speed from 0.5x to 2x, volume and mute, picture in picture, fullscreen, and full keyboard control, with ARIA labels on every control. On a phone the bar keeps the essentials in reach and tucks the added controls away.
Try it live:
https://videojs-skins-test.pages.dev/r04-hunch/
The ad runs first, then the working player underneath it. The film streams from Mux, playback ID m3KSyjChUcfL91nbP7Geb7pucZfBWT2SJ7LEJ9Qn2fw.
Built on Video.js v10. By Milo Dominguez.
A player that waits for you when you look away, clever. Good that your own pause is never overridden.
The soft 'Waiting for you' state is such a lovely touch — the player doesn't just pause, it waits for you, which makes it feel like someone holding your place rather than a machine stopping. And running all the face tracking locally, with nothing recorded or uploaded, is exactly...
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
Prime Video shows you who’s on screen with X-Ray. Netflix lets you save and share a favorite clip with Moments. Apple TV shows you who’s in a scene and what song is playing with InSight.
But what if a character makes a surprising choice near the end, and you want to see how they got there? I wanted a way to watch their scenes in order without dragging through the whole timeline to find each one.
So I built Semantic Scrubbing, a custom Video.js v10 skin that lets you follow a person, object, or type of scene through a film. In the demo, you can watch the character’s appearances in order or watch the tagged shots of Earth from orbit. When you find the moment you were looking for, choose Full Film and keep watching from right there.
Built for the Contra × Mux Video.js Skins Design Challenge. Try it at https://semantic.iexperimentwithai.com/.
Footage from An Ocean in Bloom by NASA’s Goddard Space Flight Center.
Following a character back through the film is a great feature idea.
I’m picky about video players. Give me controls I can find without thinking, a timeline that’s easy to scrub, and enough room for the picture. That’s where All Terrain, my entry for the Video.js Skins Design Challenge, started.
The woods came later. I wanted to see how a minimal player would feel in a setting with a strong character of its own. Smoked glass and muted brass felt right against the woodland footage, and the controls stayed simple enough that I could imagine using the same skin on a portfolio or a film journal.
Both films stream through Mux, and I made a little rookie showcase video to give you a closer look at the desktop and mobile layouts, theater mode, and playback settings.
Public Mux playback IDs
The beauty of still frames by Pepijn Janssen — kDA2CntengmWSO2lKDMb01ZNj2FyyApJwCaE00WR6nWeg
Green by GawxArt — xHdOULPcXIZZaLIaLONfjOWigMq2wdP7thAbgw3EEjQ If you give it a spin, I’d love to hear what feels intuitive and what takes a second to find.
#VideoJSSkinsChallenge #VideoJS #Mux #Contra
Picky about players is the right starting point. Woodland vibe on top of solid basics, nice.
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.