<div class="container">
  <lottie-player
                id="exploding-bird" src="https://assets2.lottiefiles.com/private_files/lf30_k9zqevoo.json"
                 autoplay
                 loop>
    </lottie-player>
</div>
.container {
  display: flex;
  margin: auto;
  width: 500px;
  height: 500px;
  background-color:'#000000'
}
let animation = document.getElementById("exploding-bird");

animation.addEventListener("ready", () => {
  animation.getLottie().goToAndPlay("explosion", true);
});
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js
  2. https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.11/lottie.min.js