I’m using an actual film, real footage and would like to get that to animate on scroll using Lottie. My film is 2.4mb and I followed the tutorial on webflow and exported the json file which was 23.6mb- naturally the video won’t play- and I suspect it’s because the json is too large. I’m new to all things video/compression- but what can I do to get this to show up just like in the webflow tutorial How to animate a video on scroll — After Effects & Lottie in Webflow - YouTube
Just made this happen in your share link. You just need a page trigger interaction. Here’s how you can do this:
Click on your Lottie animation in the designer
Go to the interactions tab on the right panel
Click the plus icon under page trigger and choose while page is scrolling
Click the plus for a new scroll animation
Webflow will automatically add a start and end point
You can play around with this, but basically it’s asking where should the video playback be when you get to a certain progress of the entire page scroll.
I just entered 0% for the top and moved the 2nd element to be at 15% of the scroll and at 99%