Showcase of 21 Retro-Inspired Video.js Player Designs

Showcase of 21 Retro-Inspired Video.js Player DesignsShowcase of 21 Retro-Inspired Video.js Player Designs

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

Supreme Dream

pro

• 2d

The future looked cooler when I was a kid

I was thinking the other day about growing up in the 90s. Games, anime, translucent consoles, downloading a new media-player skin like it was a whole computer upgrade

That’s the feeling I wanted back

I couldn’t choose just one, so I built 21 Video.js players

Speakers pump, cassette reels turn, a skateboard ollies when you skip. One’s a black hole 🕳️

I dropped a little teaser on socials yesterday. Catch it on YouTube:

https://www.youtube.com/watch?v=XL9C2qQbL_8

Try them + download free:

https://players.givemeprompts.com/

Which one would've lived on your desktop?

GiveMePrompts

https://givemeprompts.com/

videojsskinschallenge

Gökhan Acilanmak

• Nov 8

Hey there! Farbspur is my entry for the Video.js Skins Design Challenge: a custom skin for the Video.js v10 player that gets out of the way of what you’re watching.

The player has no colour of its own. Its seek bar is built from the video: it finds the strongest picture changes and turns them into blocks of colour, so every film gets its own player and you can jump straight to a scene.

→ Glass appears only where your hand is: a single drop moving on spring physics → Skips count up as you press: +5s, +10s, +15s → Quality, speed, casting and theatre mode share one visual language → Full keyboard control, and reduced motion for anyone who asks for it

The film and sound in the video were generated for this project.

Live demo: https://farbspur.pages.dev Code (open source): https://github.com/moonz35345/farbspur

Thanks to @contra & @MuxHQ for creating the challenge.

Completed work