Forked from John Brooks's Pen Loading Animation.
A Pen by Jaythan Elam on CodePen.
Jaythan Elam jaythanelam
🤠
jaythanelam
/ scroll-video-expand.js
Last active
June 4, 2026 01:40
teleskope-v3 scroll-video-expand interaction (hosted for Webflow custom code)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ============================================================ | |
| // Scroll Video Expand — teleskope-ai | |
| // A native <video> that expands to full-bleed and plays as it | |
| // scrolls into focus, dwells (hover to reveal controls + unmute), | |
| // then clip-shrinks back into its contained bento card. Built on | |
| // GSAP ScrollTrigger using a FLIP-style transform (scale/translate) | |
| // so the geometry animates on the compositor — no width/height thrash. | |
| // | |
| // Production artifact: hosted on a CDN and registered as a Webflow | |
| // hosted script (footer). Portable — no-ops on any page that lacks |