I made a Game Skin for Video.js v10. Kindly like and Upgoat!

It’s for Blockworks, a hub for Roblox builders, so watching their clips should feel like you’re part of the game world. The buttons press like a controller, pausing opens a game menu, you earn trophies for finding the controls, and the progress bar is a snake that blinks, flicks its tongue and turns to look at you.

It has a dedicated design for both desktop and mobile view, and it still does everything a normal video player does: play, seek, volume, speed, quality, captions, picture-in-picture and full screen. It even works with a keyboard alone.

Try it: blockworks-pi.vercel.app

My entry for the #VideojsSkinsChallenge

the snake progress bar that turns to look at you is unhinged in the BEST way

BETWEEN TWO WORLDS — A Cinematic Video.js Experience

Between Two Worlds is a cinematic video player experience built with Video.js v10, designed to transform video playback into an immersive visual journey.

Inspired by the mystery of crossing between two worlds, the project combines a deep purple and gold aesthetic, elegant typography, atmospheric animation, and a customized Video.js interface.

Rather than presenting a conventional video player, I wanted to create an experience where the visual identity begins before playback and continues through the player controls.

Key features:

Customized Video.js controls with purple and gold styling.

A cinematic animated introduction with smooth transitions.

A coordinated video poster and visual identity.

Responsive styling and familiar playback functionality.

A live, interactive experience accessible directly in the browser.

The goal was to demonstrate how thoughtful visual design can make a video player feel like an integral part of a story, rather than simply a tool for watching it.

purple and gold for a player called between two worlds just feels right