A skin for Video.js 10
Ghost Peek
I can peek at any point
while the film plays on.
Hover to preview Click to jump
Tap the eye to preview Tap the timeline to jump
How it works
Two moments.
One film.
The solid dot marks what you’re watching. The hollow dot marks where the muted preview begins.
- Look ahead
- Hover over the timeline, or tap the eye on a touch screen.
- Make room
- On touch screens, drag the preview aside and pinch to resize it.
- Jump when ready
- Click or tap the preview marker to play from that moment.
Why I built it.
When I scrubbed to check another moment, the main video and audio jumped with me. Then I had to find my way back. Hover thumbnails gave me a still frame. I wanted to see how a shot moved, when a speaker switched slides, or which line they’d just said.
I built Ghost Peek so I can play a short, muted clip from anywhere in the same video while the main picture and audio keep going. I can jump once I’ve found the moment.
Where I’d use it
-
Technical walkthroughs
While I listen to a coding tutorial, I can look ahead to the final terminal output or see the instructor’s next move in the software.
-
Film and dialogue
I can look back to see who was in the back seat or whether the same car was following earlier. If the video has captions, I can read the line in the preview.
-
Editing and review
When I review a cut, I can compare the setup with the payoff to check continuity and pacing while the scene plays.
-
Sports and gaming replays
In a seekable match recording or gameplay replay, I can check the footwork, angle, or setup while the commentary keeps going.
I built this for anyone who’s ever wanted to follow their curiosity without interrupting the video.