SIDE A - Press Play Like It's 1985.

What if a video player felt like something you could actually touch?

SIDE A is my take on a Video.js v10 skin, inspired by vintage tape decks and the tactile experience of analog technology.

I wanted to move away from the usual minimal video interfaces and create something with personality. Mechanical-style playback buttons, a rotary volume knob, aged brass details, retro typography, and subtle CRT effects all come together to make the player feel like a physical object rather than just another interface.

But the idea wasn't simply to make something nostalgic. I wanted to show that an unconventional design can still be intuitive and accessible. SIDE A is built with responsive controls, keyboard navigation, visible focus states, touch-friendly interactions, and reduced-motion support. In fullscreen, the tape deck transforms into a minimal control tray, keeping the focus on the content.

The result is a balance between old-school character and modern functionality.

Because sometimes pressing play should feel as good as watching what's playing.

Built with Video.js v10 and released under Apache License 2.0.

Source code: https://github.com/maximsjungle-commits/Video.js-side-a-skin

Kerf is a Video.js 10 skin built on one idea: cut the picture instead of covering it.

Most players float their controls over the video, then fight the footage for contrast with gradients and blur. Kerf cuts a notch into the player’s own frame and puts the controls there, on a solid surface in your product’s colour. They read the same over a white sky or a black night. Previews, menus and volume rise out of that frame from the control that opened them, and sink back when the film plays.

It’s built for modern SaaS and minimal products: one accent and one radius to set, plus light, dark or auto surfaces. It folds the controls away before the first play, and adds chapters, storyboard previews and captions as a notch. Every control works by keyboard, focus rings are visible, it honours reduced motion and forced colours, and it supports right-to-left layouts. axe-core reports 0 violations.

Plain HTML and CSS on @videojs/html with the official icons. Open source under Apache 2.0.

Love how the controls sit in the frame.