Orbit: one player, many moods 🌙🌍🪐🔴

A custom Video.js v10 skin where every planet is a mood, and the player changes its whole personality on each one.

The idea

You land in space and pick a planet from a slowly turning 3D orbit ring. The camera flies in, and the player opens in that planet's skin:

• Moon / Mystery: cold silver glass, fog drifting, and a little green alien as the play button who falls asleep (zZz) when you pause

• Earth / Home: fresh teal, a sun play button, and a progress bar made of drifting clouds

• Jupiter / Love: rose gold, a heart play button, and an elegant script title

• Mars / Adventure: bold rust stripes and a rocket racing along the progress bar

Previous and next planet buttons let you orbit from one mood to another without leaving the player.

Accessibility

• Solid control panels keep text and icons readable over bright and dark footage

• Every control is at least 44px and fully keyboard operable: Space play, ←/→ 10s, [ ] planets, M mute, F fullscreen, C captions, Esc back

• Visible focus outlines and sound-description captions for every film

• With reduced motion on, the planets stop spinning and the camera flight becomes a simple fade

Process

The planet textures and space background are my own, created with AI image tools, then built into a working Video.js v10 skin with Claude Code.

Live: https://orbit-player-snowy.vercel.app

Videos: Tears of Steel, Sintel, Big Buck Bunny © Blender Foundation (CC BY 3.0) and Spring © Blender Studio (CC BY 4.0). Jupiter's film is hosted on Mux.