---
title: "How to animate a video on scroll — Lottie | Lottiefiles | Bodymoving in Elementor Page Builder [Video Tutorial]"
url: https://theplusaddons.com/docs/animate-video-scroll-lottie-lottiefiles/
date: 2023-07-05
modified: 2026-04-11
author: "Aditya Sharma"
description: "https://www.youtube.com/watch?v=qYuYIUuyHZA Video Duration: 06 : 46 Video Overview BEST ELEMENTOR LOTTIEFILES ON SCROLL On Scroll Lottiefiles in Elementor : Demo for On Scroll Lottiefiles using Elementor and The Plus Addons...."
image: https://theplusaddons.com/wp-content/uploads/2023/07/maxresdefault-106-1024x576.jpg
word_count: 181
---

# How to animate a video on scroll — Lottie | Lottiefiles | Bodymoving in Elementor Page Builder [Video Tutorial]

## Key Takeaways

- Lottiefiles in Elementor automatically change based on scroll values.
- The Plus Addons for Elementor offers an easy way to set up Lottiefiles animations.
- Users can upload AE files to Lottiefiles for managing JSON-based animations.

https://www.youtube.com/watch?v=qYuYIUuyHZA

##### Video Duration: 06 : 46

## Video Overview

BEST ELEMENTOR LOTTIEFILES ON SCROLL

On Scroll Lottiefiles in Elementor : Demo for On Scroll Lottiefiles using Elementor and The Plus Addons. It is most easy and powerful way to setup lottiefiles based on Scroll, Which will auto change as per scroll values.

Upload AE to Lottiefiles and Use It
Easy to manage JSON based
For Animation and Interactive Designers
Use collection of world’s best motion designers

Above Feature/Widget URL :[ https://theplusaddons.com/elementor-widget/on-scroll-lottiefiles-animation/](https://theplusaddons.com/elementor-widget/on-scroll-lottiefiles-animation/)
Official Plugin Website : [https://theplusaddons.com/](https://theplusaddons.com/)
Purchase Link : [https://theplusaddons.com/pricing//](https://theplusaddons.com/pricing//)

You can join us to discuss or Stay Tuned to get updates.
Facebook Community : [https://www.facebook.com/groups/theplus4elementor/](https://www.facebook.com/groups/theplus4elementor/)
Facebook Page : [https://www.facebook.com/tpaelementor/](https://www.facebook.com/tpaelementor/)

Get further Support : [https://store.posimyth.com/helpdesk/](https://store.posimyth.com/helpdesk/)
Documentation : [theplusaddons.com/docs/](https://theplusaddons.com/docs//)

Get in touch with us directly on messenger.

Facebook Live Chat : [https://m.me/theplusaddonsforelementor/](https://m.me/theplusaddonsforelementor/)

Our addons are listed in elementor's top widgets page, WpExplorer's best elementor addons Article, Got highest ranking in kasa reviews for best third party addons, and listed by many other websites and experts. We are consider as a best addons for elementor ever built. We try to improve addons to it's level best for elementor page builder.

[Get The Plus Addons for Elementor](https://theplusaddons.com/pricing/)

[View 120+ Elementor Widgets Demo](https://theplusaddons.com/elementor-widgets/)

## Frequently Asked Questions

**Q: What should I do if my Lottie animation doesn't play on scroll?**
A: If your Lottie animation isn't playing on scroll, ensure that the JSON file is correctly uploaded and linked in Elementor. The Plus Addons for Elementor allows you to manage JSON files easily, so double-check the file path and settings. A common issue is forgetting to set the animation to trigger on scroll, which can be adjusted in the widget settings.

**Q: Can I use Lottie animations for background videos in Elementor?**
A: Lottie animations are designed for interactive and animated elements, not as traditional background videos. However, you can integrate them into sections or overlays to enhance visual storytelling. The Plus Addons for Elementor provides powerful tools to set up Lottie files based on scroll, making them ideal for engaging user experiences.

**Q: What are the best practices for using Lottie animations in Elementor?**
A: When using Lottie animations in Elementor, keep file sizes small to ensure quick loading times. Optimize your animations for performance by limiting the number of layers and effects. The Plus Addons for Elementor offers a straightforward setup for Lottie animations, allowing you to control playback based on scroll position, which enhances user engagement without sacrificing speed.

**Q: What happens if I upload a large Lottie file?**
A: Uploading a large Lottie file can slow down your page load times, negatively impacting user experience. It's essential to optimize your Lottie animations for size and complexity. The Plus Addons for Elementor supports JSON-based animations, so consider simplifying your designs to maintain performance while achieving the desired visual effect.

**Q: Are there any limitations when using Lottie animations in Elementor?**
A: While Lottie animations are versatile, they do have limitations such as not supporting all animation features found in traditional video formats. Complex animations may not render as intended, so it's best to test them thoroughly. The Plus Addons for Elementor simplifies the integration of Lottie files, allowing for smooth animations based on scroll, but always keep performance in mind.