Video.js skin

Arcade Pixel

No video loaded

/

Captions are on. Keys: Space plays and pauses, M mutes, C toggles captions, F goes fullscreen, arrows seek and set volume.

Notes

Idea
Crisp 8-bit UI for an indie game studio's trailer page: purple pixel tiles on a plain navy band, an orange experience bar for the seek with its knob hanging below, a meter of brass horns for the volume, and a PRESS START center play.
Accessibility
PRESS START is decoration and never blinks while the band's Play button keeps the real name; the experience bar fills solid orange into an empty framed groove and the knob hanging below it marks the position by shape, and captions stay in a plain face instead of the pixel font.
Craft
One grid for the art: the generated sheet was point-sampled into crisp pixel art, and the band's tiles, the bar, the knob and the horns all scale by one factor with pixelated rendering, 1.5 CSS pixels per sampled pixel on desktop so every one lands on whole device pixels on a 2x screen; the bar stretches only through its uniform middle columns so no pixel row changes, and the controls come in over two stepped frames and leave in one.