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
A video player for kids to sketch, explore, and learn like playing a game with living storybook animations.
This is Trace, an interactive skin built for Video.js v10. Inspired by illustrated children’s books, Trace features living woodland controls and an integrated drawing canvas that lets kids pause any frame, doodle directly on the scene, and collect their favorite moments in a keepsake filmstrip. It combines playful storytelling with accessible, high-contrast design so children can learn while having fun.
The keepsake filmstrip gives the drawings a purpose beyond a one-off doodle. Can kids reopen a saved frame and keep drawing?
Thanks for sharing, Zerdalu. The woodland details make Trace feel like a storybook brought to life.
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
Pull into the drive-in and save three spots for your friends. 🚘
I built LOT 66, a custom Video.js v10 skin for the Contra challenge. Start a live watch room for up to four people and share the invite link. As each friend joins, their car lights up and their name appears above it. Everyone watches in sync.
I wanted the controls to feel like part of the car, so I built them into a vintage dashboard. The radio dial adjusts the volume, the tuning scale lets you scrub through the film, and the dashboard stays within reach in fullscreen.
Now showing the original 1960 trailer for Dinosaurus! 🦖
#VideoJSSkinsChallenge
Rewind Video: a Video.js skin that’s a whole video store
I wanted to design a video library that works together with the player, not one bolted on next to it. And the video library I have the warmest memories of is the video store: Friday nights, walking the aisles, reading hand-written staff picks, carrying a tape to the counter. Rewind Video brings that feeling back. You browse the library, rent a film, and watch it, the way we used to.
The store is the library. You walk between three aisles: Horror, Staff Picks and Cult & Sci-Fi. Open a shelf and you see the tapes spine-out, with hand-written labels and genre stickers. Pull one off the shelf and it becomes a 3D VHS tape you can turn in your hands, next to its rental slip. Rent it, and the store keeps it in your rental history.
The player is the TV. The skin is a 1970s TV set, and every control is part of it:
- the push buttons rewind, play/pause, fast-forward and go fullscreen;
- the tuning knob scrubs through the tape;
- the volume knob turns, and a small knob mutes;
- a green VCR bar on the glass shows the time and lets you seek;
- the power knob ejects the tape and sends you back to the shelf.
On a phone the set’s knobs would be too small for a thumb, so the TV comes with its own remote.
Made for everyone. Everything works with the keyboard, with a visible focus ring on every knob and button. Touch targets are thumb-sized, the time stays readable over bright and dark footage, and all the motion calms down when reduced motion is on.
▶ Watch the player: https://inquisitive-profiterole-99d1a7.netlify.app/#watch
🏪 Walk the store: https://inquisitive-profiterole-99d1a7.netlify.app
Please be kind, rewind.
This is so fun! ✨
Luminary - A Video.JS skin
34 - Skin Styles/ Themes
Let me know your favorite one.
Thank you!
34 styles is wild. Hard to pick a favorite, impressive range.