{"id":121360,"date":"2023-07-05T10:56:05","date_gmt":"2023-07-05T05:26:05","guid":{"rendered":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/animate-video-scroll-lottie-lottiefiles\/"},"modified":"2023-07-05T11:56:42","modified_gmt":"2023-07-05T06:26:42","slug":"animate-video-scroll-lottie-lottiefiles","status":"publish","type":"documents","link":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/animate-video-scroll-lottie-lottiefiles\/","title":{"rendered":"How to animate a video on scroll \u2014 Lottie | Lottiefiles | Bodymoving in Elementor Page Builder [Video Tutorial]"},"content":{"rendered":"<!-- wp:embed \",\"type\":\"video\",\"providerNameSlug\":\"youtube\",\"responsive\":true,\"className\":\"wp-embed-aspect-16-9 wp-has-aspect-ratio\"} -->\r\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\r\n<iframe title=\"How to animate a video on scroll \u2014 Lottie | Lottiefiles | Bodymoving in Elementor Page Builder\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/qYuYIUuyHZA?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\r\n<\/div><\/figure>\r\n<!-- \/wp:post-content -->\r\n\r\n<\/figure>\r\n<!-- \/wp:embed -->\r\n<!-- wp:heading  -->\r\n<h5 class=\"wp-block-heading\">Video Duration: 06 : 46 <\/h5>\r\n<!-- \/wp:heading -->\r\n<!-- wp:heading -->\r\n<h2 class=\"wp-block-heading\">Video Overview<\/h2>\r\n<!-- \/wp:heading -->\r\n<!-- wp:paragraph -->\r\n<p>BEST ELEMENTOR LOTTIEFILES ON SCROLL<br>\n<br>\nOn 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.<br>\n<br>\nUpload AE to Lottifiles and Use It<br>\nEasy to manage JSON based<br>\nFor Animation and Interactive Designers<br>\nUse collection of world\u2019s best motion designers<br>\n<br>\nAbove Feature\/Widget URL : <a href=\"https:\/\/elementor.theplusaddons.com\/widgets\/lottiefiles-on-scroll-animation-elementor\/\">https:\/\/elementor.theplusaddons.com\/widgets\/lottiefiles-on-scroll-animation-elementor\/<\/a><br>\nOfficial Plugin Website : <a href=\"http:\/\/elementor.theplusaddons.com\/\">http:\/\/elementor.theplusaddons.com\/<\/a><br>\nPurchase Link : <a href=\"https:\/\/elementor.theplusaddons.com\/pricing\/\">https:\/\/elementor.theplusaddons.com\/pricing\/<\/a><br>\n<br>\nYou can join us to discuss or Stay Tuned to get updates. <br>\nFacebook Community : <a href=\"https:\/\/www.facebook.com\/groups\/theplus4elementor\/\">https:\/\/www.facebook.com\/groups\/theplus4elementor\/<\/a><br>\nFacebook Page : <a href=\"https:\/\/www.facebook.com\/theplusaddonsforelementor\/\">https:\/\/www.facebook.com\/theplusaddonsforelementor\/<\/a><br>\n<br>\nGet further Support : <br>\nDocumentation : <a href=\"https:\/\/elementor.theplusaddons.com\/documentation\/\">https:\/\/elementor.theplusaddons.com\/documentation\/<\/a><br>\n<br>\nGet in touch with us directly on messenger.<br>\n<br>\nFacebook Live Chat : <a href=\"https:\/\/m.me\/theplusaddonsforelementor\/\">https:\/\/m.me\/theplusaddonsforelementor\/<\/a><br>\n<br>\nOur addons are listed in elementor&#8217;s top widgets page, WpExplorer&#8217;s best elementor adsons 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&#8217;s level best for elementor page builder.<\/p>\r\n<!-- \/wp:paragraph -->\r\n<!-- wp:shortcode -->\r\n\n<div class=\"wp-block-buttons pseocta is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button pseocta\"><a class=\"wp-block-button__link has-nxt-global-color-1-background-color has-background wp-element-button\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/pricing\" target=\"_blank\" rel=\"noreferrer noopener\">Get The Plus Addons for Elementor<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons pseocta is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button pseocta\"><a class=\"wp-block-button__link has-nxt-global-color-1-background-color has-background wp-element-button\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/elementor-widgets\/\" target=\"_blank\" rel=\"noreferrer noopener\">View 120+ Elementor Widgets Demo<\/a><\/div>\n<\/div>\n\n\n\n<style>\n.pseocta .wp-block-button{\n padding: 1em 0em !important;\n}\n<\/style>\n\r\n<!-- \/wp:shortcode -->","protected":false},"author":16,"featured_media":121361,"parent":0,"comment_status":"open","ping_status":"open","template":"","format":"standard","docs":[575,576],"class_list":["post-121360","documents","type-documents","status-publish","format-standard","has-post-thumbnail","hentry","docs-video-tutorials","docs-watch-video-tutorials"],"acf":[],"_links":{"self":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/121360","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents"}],"about":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/types\/documents"}],"author":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/comments?post=121360"}],"version-history":[{"count":0,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/121360\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media\/121361"}],"wp:attachment":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media?parent=121360"}],"wp:term":[{"taxonomy":"docs","embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/docs?post=121360"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}