question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Lottie web player does not seem to work in IE

See original GitHub issue

Tell us about your environment Windows 10, 64 Bit

Browser and Browser Version: IE-11

What did you do? Please explain the steps you took before you encountered the problem.

I injected the lottie web player in the HTML, with the below snippet:

<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script> <lottie-player src="https://assets9.lottiefiles.com/datafiles/MUp3wlMDGtoK5FK/data.json" background="transparent" speed="1" style="width: 300px; height: 300px;" loop autoplay > </lottie-player>

What did you expect to happen?

It should have shown animation like this, which works in Chrome, Firefox and Safari

Screen Shot 2019-10-25 at 3 34 09 pm

What actually happened? Please include as much relevant detail as possible.

It showed like this in IE-11

Screen Shot 2019-10-25 at 3 33 51 pm

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:2
  • Comments:5 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
TiwariShubhamcommented, Nov 12, 2019

yeah but you need to specify ID for every container for it, hence I was trying to figure it out if they can make this work in IE, would get rid of the ID contigency.

0reactions
karamaliecommented, Jun 22, 2021

The player is a web component. Please add polyfills to your project for support on older browsers. Closing issue

Read more comments on GitHub >

github_iconTop Results From Across the Web

Lottie not showing on IE 10 - General - Forum | Webflow
The Lottie animations are not showing up on any Internet explorer browser, or is unpredictable when it comes to which ie browser it's...
Read more >
Lottie animation problem - WordPress.org
Hi, I'm having trouble seeing the Lottie animation. When I have AdBlock turned on, the animations do not show. When I check on...
Read more >
Solved: Lottie animation is not playing on web in XD 45 ve...
I found a solution to this problem, I imported the Json file into AE and deleted the layers with the text, because the...
Read more >
Lottie Web Player – Wisej.com
Is there a way to embed the Lottie Web Player into an app built with ... of the widget (ie, you are not...
Read more >
Set Lottie to "cover" on web player - Stack Overflow
The following CSS might be helpful. The "lottie" will take up the full width and height of the screen, and z-index set to...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found