vchoo27

Hi I'm trying to load an html5 video on page load, have it play only once, then fade out (or any other out animation). While it's playing I don't want users to be able to scroll or interact yet. How can I achieve this? Thank you!

Sorry for the confusion! Basically never again, only once. I will try the pause with 'onEnterBack', thank you again for your help!

Can the video be paused if 'onEnter' is triggered a second time? I do want the video to keep playing onLeave Basically just want the video to play once through when user scrolls to it, but it doesn't play again ever when user scrolls back to top of page and then back to where the video clip is (until page refresh) Thank you so much!

Is there a way to not have the video play if the user scrolls back above the video trigger start and back down again? Do I need to just add another "ScrollTrigger.create" for "onEnterBack" same as your example for "onLeaveBack" above? Thank you!

Hi I'm wondering if there's a way to trigger a webm video to play through the entire video only once onEnter, no pause/reverse on other onLeave, onEnterBack, onLeaveBack events but the video always replays/resumes when scrolling back into the trigger from the top down. Thank you for the help!

Thank you so so much! Will reference these and give it another go!

Thank you so much! Is there a way (if I keep using Lottie) to have each animation stop at different percentages (ex. first one will stop at 30%, second 80%, and third 32%)? Are there example snippets using DrawSVG + scrollTrigger with similar end goal that I can reference? Greatly appreciate your help!

Hi, I wanted to trigger 3 different lottie animations when scrolled into view. They share the same Json animation URL but I want them to end at different percentages while setting the duration to play faster, as well as set different delay times (first one plays first, then the second one starts, followed by third). The struggle I have is having each end at different percentages, setting duration, and setting delay times. Greatly appreciate any advice, thank you!