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
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
Building a Custom Video.js Skin
I've been exploring how to transform the video playback experience through a custom Video.js skin.
My focus is on creating a modern, clean, and intuitive interface with thoughtful control layouts, smooth interactions, and a visually polished experience.
This project is helping me explore creative UI design, frontend development, and the possibilities of customizing modern video players.
I'm excited to continue refining the experience and sharing more of the process.
Feedback and ideas are always welcome! 🎬
I designed a custom Video.js skin to improve the video playback experience through a modern, clean, and intuitive interface. The design focuses on usability, visual consistency, and accessible playback controls, while maintaining the flexibility of Video.js.
My goal was to create a player interface that feels polished, responsive, and suitable for modern web applications.
The simple 'Drop in and play' start makes AFTERFRAME feel welcoming. Nice work keeping that first step so clear.
Video is more than a sequence of frames, it is a continuous passage of time. Inspired by the static eye of a watch and the human impulse to freeze a moment, this custom player transforms the timeline into an interactive space for memory and reflection. Viewers can anchor thoughts, notes, and reactions to exact timestamps using an integrated Markdown editor with rich-text formatting.
It was a simple exploration, but I learned some interesting things, and it gave me a lot of ideas for the future.
You can edit the skin colors using the dial kit to open it—just press Cmd + E.
Try it and let me know what you think.
Anchoring thoughts to a specific moment gives Chronoscope such a personal feel. I like the idea of making the timeline a place for reflection.