I'm having the same issue! I'm unable to get any Lottie animations working on scroll.
My code currently reads as:
Code Block container
<lottie-player id="firstLottie" autoplay src="https://lottie.host/34ce465b-cd91-4cc8-bc1a-b2ed33f9600f/OFCFTqFgzG.json" style="width:100%; height: auto;">"></lottie-player>
<lottie-player
id="firstLottie"
src="https://lottie.host/28c136cb-c77b-47fc-b467-134670c6f445/MBNi5RAJkP.json"
style="width:100%; height: 100%;">"></lottie-player>
Code injection in Header:
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>
Code injection in Footer:
<script>
LottieInteractivity.create({
player: "#firstLottie",
mode:"scroll",
container: "#block-yui_3_17_2_1_1696515827607_2322",
actions: [
{
visibility: [0, 1.0],
type: 'seek',
frames: [90, 123],
]
});
Does anyone have any thoughts or advice?