Beskrivning

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!

Ladda upp Lottie-animationer till WordPress och lägg till dem med Gutenberg, Divi, Elementor, Flatsome UX eller via kortkoden [am-lottieplayer]. Tillägget erbjuder också partiellt stöd för WPBakery (tidigare Visual Studio).

Funktioner

Innehåller två Gutenberg-block: en spelare och ett omslagsblock med textöverlägg – perfekt för rubriker.
Innehåller en Divi Builder Module
Innehåller en Elementor-widget
Innehåller kortkoden [am-lottieplayer]
Har integration för Flatsome UX
Har delvis stöd för WPBakery (tidigare Visual Studio)
Skript laddas endast på sidor där spelaren används
Ladda upp Lottie JSON- eller dotLottie-filer till ditt Mediebibliotek
Dra & släpp en Lottie JSON- eller dotLottie-fil
Infoga en Lottie JSON eller en dotLottie från 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.

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

Vi vill ha hör från dig!

Tack för att du använder vårt tillägg! Ta en stund att betygsätta det.

Översättningar

Du kan bidra med dina översättningar här.

Första gången du översätter WordPress? Läs översättarhandboken för att komma igång.

Skärmdumpar

AM LottiePlayer är kompatibel med Gutenberg...
...liksom Divi-byggaren...
…Elementor…
…och till och med Flatsome!

Block

Detta tillägg tillhandahåller 2 block.

AM LottieCover Add a Lottie animation with a text overlay — great for headers.
AM LottiePlayer Play Lottie animations on your WordPress website.

Installation

Automatisk installation

Automatisk installation är det enklaste alternativet. WordPress sköter filöverföringen – och du behöver inte lämna webbläsaren.

Logga in på din WordPress-adminpanel.
Navigera till menyn Tillägg
Sök efter AM LottiePlayer
Klicka på Installera nu – och WordPress tar det därifrån
Aktivera tillägget via menyn Tillägg i WordPress

Manuell installation

Ladda upp hela ’am-lottieplayer’ till din plugin-mapp
Aktivera tillägget via menyn Tillägg i WordPress

Efter aktivering

Gå till WordPress blockredigerare / Elementor / Divibuilder / Flatsome UX
Lägg till ett nytt block / widget / modul
Sök efter Lottie
Klicka på Lottie för att lägga till block

Om du vill använda kortkoden [am-lottieplayer] har den följande parameter:

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

Vanliga frågor

Vad är strukturen för kortkoden?

Kortkoden [am-lottieplayer] har följande parameter:

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

Här är ett exempel: [am-lottieplayer src="https://storage.googleapis.com/aarsteinmedia/am.lottie" controls="true"]

Recensioner

declutterdata 11 november 2023

As I am using animated JSON files from a third party (not Lottie) I was searching a long time for a solution how to use them.This plugin gave the solution to me.Works fantastic with DIVI and the support is great.!

zmayyem 5 maj 2023

Absolutely thrilled with this plugin and the amazing support team behind it.

superinc 23 mars 2023

Finally 👌🏻

Simon 6 februari 2023

Great plugin and good support. Will be using this on several sites. Keep up the development! 🙂

Läs alla 4 betyg

Bidragsgivare och utvecklare

”AM LottiePlayer – Vektoranimationer för WordPress” är programvara med öppen källkod. Följande personer har bidragit till detta tillägg.

Johan Martin Aarstein

”AM LottiePlayer – Vektoranimationer för WordPress” har översatts till 4 språk. Tack till översättarna för deras bidrag.

Översätt ”AM LottiePlayer – Vektoranimationer för WordPress” till ditt språk.

Intresserad av programutveckling?

Läs programkoden, kika på SVN-filförvaret eller prenumerera på utvecklarloggen via RSS.

Ändringslogg

3.1.1 – March 31 2024

Minor updates to animation engine

3.1.0 – March 20 2024

Functional update to animation engine

3.0.7 – March 6 2024

Minor updates to animation engine

3.0.6 – Feb 12 2024

Minor updates to animation engine

3.0.5 – Jan 15 2024

Performance: More accurate use of Intersection Observer, to freeze/pause all animations out of view

3.0.4 – Dec 31 2023

Updated, optimized animation engine

3.0.3 – Dec 29 2023

Bugfix: Rollback of animation engine due to faulty script

3.0.2 – Dec 29 2023

Bugfix: Fixed bug that caused animation lag in some browsers

3.0.1 – Dec 20 2023

Added defer to loading of component scripts

3.0.0 – Dec 8 2023

Because we’ve launched a PRO version of this plugin some features, like boomerang, animation segments, external selector and the option to choose renderer has been removed from the free tier. Certain methods from animations made with After Effects (like loopOut) has also been omitted. The upside is that this plugin is now even more lightweight and less RAM intensive than before. To anyone who still might experiences this as a downgrade: you’re free to continue to use any version of this plugin below 3.0.0. However, if you’d like to support the development of this plugin, the premium version starts at $2.75 a month ($33 a year), and contains several requested features like the ability to combine and control multiple animations in a single file, or convert and optimize JSON to dotLottie. Read more about AM LottiePlayer PRO here!

2.5.17 – Nov 23 2023

Bugfix: Fixed compability issue with PHP 7.4

2.5.16 – Nov 15 2023

Bugfix: Fixed loading issue for third party builders

2.5.15 – Nov 11 2023

Compability with WordPress 6.4

2.5.14 – Sep 22 2023

Bugfix: Fixed playback error on Divi Shortcode

2.5.13

Bugfix: Fixed total frames display

2.5.12

Optimization: Terser script, as well as new functionality available within JS.

2.5.11

Bugfix: Fixed seeker on player

2.5.10

Bugfix: Fixed uninitialized PHP variable

2.5.9

Bugfix: Fixed seeker

2.5.8

New Feature: Better error handling
Bugfix: Fixed link for Divi builder

2.5.7

Minor bugfixes

2.5.6

New Feature: Added support for Divi Theme Builder

2.5.4

New Feature: Added option to play animation only once on scroll

2.5.3

Bugfix: Play on scoll functionality wasn’t working properly in certain browsers.

2.5.2

Minor bugfix.

2.5.1

Bugfix: Added polyfill for Buffer, allowing bitmap assets for dotLottie animations.

2.5.0

New Feature: Added play on scroll functionality

2.4.1

New Feature: Expanded possibility to play segments to Divi Builder

2.4

New Feature: Added possibility to play segments, in Gutenberg editor
Compability: Checked compability with new release of WordPress

2.3.3

Bugfix: Fixed issue with shortcode and namings

2.3.2

New Feature: Added support for selectors to Elementor, Flatsome, WPBakery and Divi

2.3.1

Bugfix: Fixed issue with Boomerang

2.3.0

New Feature: Added selector option for interactions
Bugfix: Fixed issue in Gutenberg where the player lost connection on block move

2.2.2

Bugfix: Issue prevented Gutenberg backend from working properly

2.2.1

Optimization: Preparatioins for future functionality expansion

2.2.0

New Feature: Adding preview of animations in Media Library

2.1.5

Optimization: Minor patches

2.1.4

New Feature: Added partial support for WPBakery

2.1.3

Bugfix: Minor errors in shortcode
Optimization: More options for screen readers

2.1.2

Optimization: Bugfix in frontend script

2.1.1

Optimization: Minor patches

2.1.0

New Feature: Added support for Flatsome UX Builder

2.0.4

Bugfix: An error caused shortcode not to load necessary scripts.

2.0.3

Optimization: WCAG compliance

2.0.2

Optimization: Less weight – same functionality!

2.0.0

New Feature: Added support for Elementor.
Optimization: Made scripts load dynamically only when used
Bugfix: Minor bugfixes

1.0.3

Optimization: Updates to animation engine. Faster and even more lightweight!

1.0.2

Bugfix: typo in dotLottie decompression, causing base64 encryption of bitmap images to break.