Skip to the player

A skin for Video.js v10

Every play is a take.

Slate turns the player into a film-set clapperboard, and the board is the remote: clap the sticks to roll, the SCENE cell cuts between chapters, and FPS changes speed in camera terms.

Try it: clap the sticks, click SCENE to cut to the next template, then click FPS to overcrank.

Call sheet Design notes

  1. Sc. 01

    The opening slate

    Before the first play, a full clapperboard sits on the poster. Hit play: the stick claps, one soft sync flash fires, and the card drops out of frame.

  2. Sc. 02

    Clap to roll

    The sticks are a control. Click them shut to roll the take, with a real clap, and lift them to cut. They hinge at the left and lift a little further when you hover, inviting the clap.

  3. Sc. 03

    Scene is the chapter

    The SCENE cell follows the chapters track: Scene 04, Unformed. Click it to cut to the next scene, Shift-click for the last, or use the arrow keys while it’s focused.

  4. Sc. 04

    FPS is the speed

    Speed in camera terms. Slow motion is shot overcranked, so at 0.5× the slate reads 48 fps · Overcrank, and at 2× it reads 12 fps · Undercrank. Click to change speed.

  5. Sc. 05

    A board, not a bar

    Controls live on a solid ink slate with chalk type, so they read over bright skies and dark interiors alike. The timeline is a film strip, with chapters as separate shots and an editor’s flagged playhead.

  6. Sc. 06

    Set details

    HH:MM:SS:FF timecode that counts frames smoothly, a REC/STBY tally light, SOUND that reads MOS when muted, a TAKE counter that ticks with every replay, and a closing “That’s a wrap!”.

Safety brief Made for everyone

  • Every control reachable by keyboard, in visual order, with a visible yellow focus ring.
  • Opaque surfaces keep text and icons legible over any footage.
  • Touch targets grow on phones; layouts adapt from wide screens to 340px portrait.
  • Reduced motion turns off the clap, the flash, and the tally blink.
  • Forced-colors mode falls back to system colors.

Cue cards Keyboard

Space K
Play / pause
← →
Seek
↑ ↓
Volume
M
Mute
F
Fullscreen
C
Captions
0–9
Jump to 0–90%
On SCENE: ← →
Previous / next scene