Loop from certain point once animation played

LottieFiles Website
1

Hi, I’m using Wordpress, Divi and Divi Next plugin to display a lottie animation: https://dev.hepplewhites.co.uk/

I would like the animation to play once then loop only from a certain point (50 seconds in). I’ve tried adding some custom JS but no joy. Is there a JS edit I could include, a better plugin to suggested way to intergrate the lottie using code manually?

Thanks

2

Hi,

I discovered Lottie Player - Interactivity Guide but have had no joy with this either:





<dotlottie-player id="homepagelottie" src="https://dev.hepplewhites.co.uk/wp-content/uploads/2025/03/hepplewhites_homepage_hero_animation_v2_opt.json" 
style="width: 100%; height: 100%" playMode="normal" loop autoplay>
</dotlottie-player>



<script>
  LottieInteractivity.create({
    player: '#homepagelottie',
    mode: 'chain',
    actions: [
      {
          state: 'loop',
          transition: 'onComplete',
         
      },
      {
          state: 'loop',
          transition: 'onComplete',
          frames: [50,100]
      }
            
    ]
  });
</script>