The broadcast squeezeback, rebuilt with CSS Grid and WebVTT

A developer rebuilt the "squeezeback" effect commonly seen in sports broadcasts—where the main video shrinks into a corner to reveal additional content—using CSS Grid and WebVTT instead of pre-rendered graphics. By animating grid track sizes from zero to visible, the layout dynamically reveals content panels without requiring video transforms or complex animations, allowing the displayed elements to be chosen at playback rather than in post-production. This approach leverages browser layout capabilities to create a flexible, interactive alternative to traditional broadcast effects baked into video files.