GRID - a playful Video.js v10 skin with a tile timeline.
Blue glass controls, yellow keys, and real frame previews as you move across the tiles. Built with chapter navigation, touch seeking, playback speed and fullscreen controls.
Demo footage: Big Buck Bunny, Blender Foundation (CC BY 3.0).
Projector: a Video.js v10 skin built like a 35 mm film gate.
Most players hide the machine. Projector shows it. The picture sits between two strips of sprocket holes that jerk down while the film plays. The timeline is a strip of film cut into reels, one per chapter, with previous and next reel buttons. Play is a countdown leader, time is a frame timecode at 24 fps and speed is shown in fps. Pause too long and the frame burns in front of the lamp. Press T for cinema view: the film on a real cinema screen, with the controls as a console at the bottom.
The character lives in the frame; the controls sit on a solid plate, so they stay readable over any picture. Every control is a real Video.js component: keyboard, visible focus, 44 px touch targets, reduced motion, forced colours.
Film: A Trip to the Moon (Méliès, 1902), public domain, streamed from Mux.
Pausing too long so the frame burns in front of the lamp is a brilliant, honest detail — it's a consequence, not just a state. Pressing T for cinema view, with the film on a real cinema screen and the controls as a console below, is a lovely second stage for the same machine. If...