BodyMovin Web Components

lottie animation: No Autoplay Loop 

<script type="text/javascript">
    var playAnimation = function() {
        document.querySelector('lottie-animation').play();
    }
</script>

<hr/>
<button onclick="playAnimation()">play</button>
<hr/>

<lottie-animation src="../../assets/animations/sample--goal-achived.json" loop="true" autoplay="false">
</lottie-animation>
 
{% if autoplay == 'false' %}
<script type="text/javascript">
  var playAnimation = function () {
    document.querySelector('lottie-animation').play();
  }
</script>

<hr/>
<button onclick="playAnimation()">play</button>
<hr/>
{% endif %}

<lottie-animation
  src="{{ src }}"
  loop="{{ loop }}"
  autoplay="{{ autoplay }}">
</lottie-animation>
 
{
  "src": "../../assets/animations/sample--goal-achived.json",
  "loop": "true",
  "autoplay": "false"
}

There are no notes for this item.