Skip to content
60fps/ui
Scroll the poster into view ↓
Poster onlyLoadingPaused
↑ scroll down to the poster
Big Buck Bunny trailer

No <video> exists in the DOM until the poster nears the viewport.

↓ scroll up to the poster
How it works

The page ships with only the poster <img>. As it approaches the viewport, PosterVideoEngine creates a <video>, overlays it on the poster, and fades it in once it can play — then a composed VideoEngine autoplays it and pauses it off-screen. The poster takes its alt along.