Beskrivelse
Den til dato mest komplette Lottie-spiller.
AM LottiePlayer er nem at bruge, let og giver dig fuld kontrol over, hvordan du implementerer skarpe, vektoriserede animationer på dit websted. Opsæt nemt brugerinteraktioner, vælg mellem JSON eller det optimerede dotLottie-format, vælg, om filerne skal serveres fra et CDN eller dit eget mediebibliotek, vælg, hvordan animationen skal skaleres, tilføj en god beskrivelse til skærmlæsere og søgemaskine-crawlere, og så er du i gang!
Upload Lottie-animationer til WordPress, og tilføj dem til Gutenberg, Divi, Elementor, Bricks, Flatsome UX Builder eller via kortkoden [am-lottieplayer]
. Dette plugin tilbyder også delvis understøttelse af WPBakery (tidligere Visual Studio).
Egenskaber
- Indeholder to Gutenberg-blokke: en afspiller og en omslagsblok med tekstoverlejring – fantastisk til overskrifter.
- Indeholder en Divi-modul
- Indeholder en Elementor-widget
- Contains a Bricks Element
- Indeholder kortkoden
[am-lottieplayer]
- Har integration til Flatsome UX
- Har delvis understøttelse af WPBakery (tidligere Visual Studio)
- Scripts indlæses kun på sider, hvor afspilleren er i brug
- Upload Lottie JSON- eller dotLottie-filer til dit Mediebibliotek
- Træk & slip en Lottie JSON- eller dotLottie-fil
- Indtast en Lottie JSON eller en dotLottie fra URL
- Vælg skalering, hastighed, størrelse, baggrundsfarve, interaktioner og meget mere fra blokindstillingerne i Gutenberg. De samme indstillinger er tilgængelige i Divi-modulmenuen, Elementor Widget-menuen, Flatsome UX Builder-menuen og WPBakery-menuen.
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
Vi vil meget gerne høre fra dig!
Tak, fordi du bruger vores udvidelse! Brug venligst et øjeblik på at vurdere det.
Oversættelser
Du kan bidrage med dine oversættelser her.
Første gang du oversætter WordPress? Læs Oversætterhåndbogen for at komme i gang.
Skærmbilleder
Blokke
This plugin provides 2 blocks.
- AM LottiePlayer Play Lottie animations on your WordPress website.
- AM LottieCover Add a Lottie animation with a text overlay — great for headers.
Installation
Automatisk installation
Automatisk installation er den nemmeste mulighed. WordPress klarer filoverførslen – og du behøver ikke at forlade browseren.
- Log ind på WordPress kontrolpanel
- Naviger til menuen Udvidelser
- Søg efter AM LottiePlayer
- Klik på Installer nu – og WordPress tager det derfra
- Aktiver plugin’et gennem Plugins-menuen i WordPress
Manuel installation
- Upload hele ‘am-lottieplayer’ til din plugins-mappe
- Aktiver plugin’et gennem Plugins-menuen i WordPress
Efter aktivering
- Gå til WordPress’ blokeditor / Elementor / Divibuilder / Flatsome UX
- Tilføj en ny blok / widget / modul
- Søg efter Lottie
- Klik på Lottie for at tilføje blok
Hvis du vil bruge kortkoden [am-lottieplayer]
, har den følgende 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
FAQ
-
Hvad er strukturen af shortcoden?
-
Kortkoden
[am-lottieplayer]
har følgende 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
- 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
Her er et eksempel:
[am-lottieplayer src="https://storage.googleapis.com/aarsteinmedia/am.lottie" controls="true"]
- src:
Anmeldelser
Bidragsydere & udviklere
“AM LottiePlayer” is open source software. The following people have contributed to this plugin.
Bidragsydere“AM LottiePlayer” er blevet oversat til 4 sprog. Tak til oversætterne for deres bidrag.
Translate “AM LottiePlayer” into your language.
Interesseret i udvikling?
Gennemse koden, tjek SVN repository, eller abonner på udviklerloggen via RSS.
Ændringslog
3.5.15 – June 21 2025
- Fixed bug causing some elements to have wrong placement.
- Fixed bug with toggling boomerang
- Minor optimizations
3.5.14 – June 11 2025
- Fixed runtime bug where minification caused some functionality to break
- Minor optimizations to animation engine.
3.5.11 – June 6 2025
- Fixed issue with sanitation of string values, causing trouble for text layers and unencoded expressions.
3.5.10 – June 5 2025
- Fixed issue with data handling in animation engine.
3.5.9 – June 4 2025
- Fixed issue with data handling in animation engine.
3.5.8 – June 2 2025
- Fixed issue with modifiers not being rendered correctly
- Fixed issue with parsing of layers, causing some animations to have mangled transforms
3.5.6 – May 14 2025
- New animation engine
- Added support for optimized dotLottie files
- Various minor bugfixes
3.5.5 – May 9 2025
- Rolled back animation engine due to bugs
3.5.4 – April 22 2025
- Added more style options for Gutenberg block: margin, padding and drop-shadow.
- Enhanced sanitation of uploads
3.5.3 – April 21 2025
- Fixed issue with sanitation that prevented some valid lottie files from uploading.
- Fixed issue that prevented Lotties from being uploaded via REST API.
- Fixed too early invoking of textdomain.
- Enhanced sanitation of SVG thumbnails.
3.5.2 – April 3 2025
- Fixed compability issues with older versions of PHP, causing sanitation not to work properly.
3.5.1 – March 28 2025
- Enhancing of sanitation method
- Changed behavior of mouseover interaction, so that animation resets on new mouseover when animation is complete.
3.5.0 – February 22 2025
- Added sanitation to upload. Credit to Avraham Shemesh for exposing a security hole.
3.4.5 – February 21 2025
- Fixed CSS bugs
3.4.4 – February 5 2025
- ES2021 -> ES2022
3.4.3 – January 17 2025
- Fixed bug preventing playback on hover in some builders
3.4.2 – October 28 2024
- Fixed bug with Elementor playback direction
3.4.1 – October 27 2024
- Fixed bug with front end script in Gutenberg
3.4.0 – October 13 2024
- Added support for Bricks Builder
- Tested with WordPress 6.7
- Added nonce to thumbnail uploader
3.3.10 – October 8 2024
- Fixed font-end script not parsing interactions correctly
3.3.9 – October 8 2024
- Fixed bug in Elementor preventing front-end render
3.3.8 – October 8 2024
- Fixed bug in Divi visual builder causing autoplay not to work
3.3.7 – October 7 2024
- Minor bugfix
3.3.6 – October 7 2024
- Added blueprint.JSON
- Minor changes
3.3.5 – October 4 2024
- Fixed critical bug
3.3.4 – October 4 2024
- Added thumbnail previews for Meda Library
3.3.1 – October 2 2024
- Fixed bug with Flatsome template
3.3.0 – October 28 2024
- Refactored codebase
- Implemention of namespace to avoid conflict
- Migrated away from rich data to text attributes
3.2.5 – October 20 2024
- Extended browser support
3.2.4 – September 30 2024
- Added intermission controls
- Added “Replace”-functionality to Gutenberg editor
3.2.3 – September 11 2024
- Updated frontend script
3.2.2 – September 2 2024
- Minor bugfixes
3.2.1 – August 28 2024
- New feature: Added option to use external urls with Gutenberg
3.2.0 – August 6 2024
- Updated and lighter animation engine
- Tested with WordPress 6.6
3.1.8 – June 21 2024
- Bugfix to admin.css, where broad selectors created unwanted behavior
3.1.7 – June 13 2024
- Bugfix to backend script, fixing unwanted behaviour on blur event
3.1.6 – June 6 2024
- Bugfix to frontend script
3.1.5 – June 4 2024
- Bugfix to animation engine
3.1.4 – May 15 2024
- Minor bugfixes
3.1.3 – May 8 2024
- Minor bugfixes
3.1.2 – May 8 2024
- Minor bugfixes
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.