AM LottiePlayer

AM LottiePlayer

The most complete free Lottie Player yet.

AM LottiePlayer is easy to use, lightweight, and gives you total control over how to implement crisp, vectorized animations to your website. Easily set up user interactions, choose between JSON or the optimized dotLottie format, choose whether to serve the files from a CDN or your own Media Library, choose how to scale the animation, add a nice description for screen readers and search eninge crawlers, and you’re off to the races!

Upload Lottie animations to WordPress and add them to Gutenberg, Divi, Elementor, Bricks, Flatsome UX Builder, or via the shortcode [am-lottieplayer]. This plugin also offer partial support for WPBakery (formerly Visual Studio).

Features

  • Contains two Gutenberg blocks: a player and a cover block with text overlay – great for headers.
  • Contains a Divi Builder Module
  • Contains an Elementor Widget
  • Contains a Bricks Element
  • Contains the shortcode [am-lottieplayer]
  • Has intergration for Flatsome UX Builder
  • Has partial support for WPBakery (formerly Visual Studio)
  • Scripts are only loaded for pages where the player is used
  • Upload Lottie JSON or dotLottie files to your Media Library
  • Drag & drop a Lottie JSON or dotLottie file
  • Insert a Lottie JSON or dotLottie animation from URL
  • Choose scaling, speed, size, background color, interactions and more from the block settings in Gutenberg. The same settings are accessible in the Divi Module menu, the Elementor Widget menu, the Flatsome UX Builder menu, and WPBakery menu.

Links

PRO

AM LottiePlayer is also available in a professional version, which includes more functionality and flexibility. The AM LottiePlayer PRO features are:

  • Combine animations in a single file via drag and drop
  • Control interactions and behaviour of each animation in multi-animation files
  • Convert JSON-lotties to dotLottie in an easy-to use GUI
  • Choose renderer: SVG, Canvas or HTML
  • More of the functionality from animations made with After Effects

Upgrade to AM LottiePlayer PRO

Feedback

We’d love to hear from you!

Thanks for using our plugin! Please take a moment to rate it.

Translations

You can contribute your translation here.

New to Translating WordPress? Read through the Translator Handbook to get started.

Automatic installation

Automatic installation is the easiest option — WordPress will handle the file transfer, and you won’t need to leave your web browser.

  1. Log in to your WordPress dashboard
  2. Navigate to the Plugins menu
  3. Search for AM LottiePlayer
  4. Click Install Now and WordPress will take it from there
  5. Activate the plugin through the Plugins menu in WordPress

Manual installation

  1. Upload the entire ‘am-lottieplayer’ folder to your plugins directory
  2. Activate the plugin through the Plugins menu in WordPress

After activation

  1. Go to the WordPress Block Editor / Elementor / Divi Builder / Flatsome UX Builder
  2. Add new block / widget / module
  3. Search for Lottie
  4. Click on Lottie to add the block

If you want to use the shortcode [am-lottieplayer], it has the following parameters:

  • src: string (required)
  • autoplay: true | false, default: false
  • controls: true | false, default: false
  • loop: true | false, default: false
  • objectfit: cover | contain | none, default: contain
  • speed: number (1 – 5), default: 1
  • direction: 1 | -1, default: 1
  • onclick: true | false, default: false
  • onmouseover: true | false, default: false
  • onmouseout: void | stop | pause | reverse, default: void

سوالات متداول

What is the structure of the shortcode?

The shortcode [am-lottieplayer] has the following parameters:

  • src: string (required)
  • autoplay: true | false, default: false
  • controls: true | false, default: false
  • loop: true | false, default: false
  • objectfit: cover | contain | none, default: contain
  • speed: number (1 – 5), default: 1
  • intermission: number in miliseconds
  • direction: 1 | -1, default: 1
  • onclick: true | false, default: false
  • onmouseover: true | false, default: false
  • onmouseout: void | stop | pause | reverse, default: void

Here’s an example: [am-lottieplayer src="https://storage.googleapis.com/aarsteinmedia/am.lottie" controls="true"]

×
نظری برای این آیتم موجود نیست.
0 0 رای ها
امتیازدهی
اشتراک در
اطلاع از
0 نظرات
قدیمی‌ترین
تازه‌ترین بیشترین رأی
هیچ نسخه‌ای برای این آیتم موجود نیست.
★★★★★
★★★★★
5.0 /5 (5 نظر)

قیمت:

رایگان

نگارش

آخرین انتشار

20 خرداد 1405

آخرین بروزرسانی

2 ماه پیش

نصب های فعال

800+

نگارش وردپرس

وردپرس 5.9+

تست شده از نسخه

وردپرس 7.0

نگارش PHP

PHP 7.0+

نسخه ها

0 نسخه