BRIEF: This page is to test the “on-scroll” or “scroll trigger” connection to an embedded video. The goal is that a user can swipe up and down, and watch the video move forward (down) and in reverse (up). This is a cornerstone feature of Apple.com, as the video of their devices spin, flip, and zoom based on scroll.
CONTRIBUTING FACTORS:
- The video will be very graphic. 75% graphics, color blocks, and typography. Rarely will it be an server-intensive full video, like a video clip of an NBA game.
- The video block should occupy less than 90% of the browser window. We do NOT want a long long scroll where the website visitor become fatigued swiping down on their phone. One swipe is all 📲
RESOURCES:
https://gsap.com/community/forums/topic/38762-can-gsap-scrolltrigger-scrub-a-video-on-scroll
https://gsap.com/community/forums/topic/32782-video-scroll-animation