我使用Bodymovin和Lottie从AE导出的动画在移动设备上不起作用。在Lottie的文档中,有指向可在我的android手机上运行的Codepen上的几个示例的链接。
我花了好几天尝试解决这个问题。 我的动画似乎也无法在Codepen上运行:
https://codepen.io/michal-michalski/pen/daedvX
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="d0">
<animate id="d01"></animate>
<!--<a href=""><img src="images/mmgf.gif" alt=""></a>
<video width="380px" height="80" muted autoplay="autoplay">
<source src="MM.mp4" type="video/mp4"></video>-->
</div>
<div id="d1"><p id="t">Hire Me while I learn JS frameworks!!!
<br> from as little as:
<br><span style="color: red; font-size:24px;">£100/ day or £18k perm</span></p></div>
<div id="d2"><p>Need projects to help fill this space, get in touch if there is something u need done. great value for money :) <br>websites from <span style="color: red; font-size:24;">£100</span></></p></div>
<div id="d3"><p>CVs</p></div>
<div id="d4"><p>CONTACT</p></div>
<!-- ... -->
</body>
<footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.4.3/lottie_html.js"></script>
<script src="parasc.js"></script>
<script src="data3.json"></script>
</footer>
</html>
以实际的网址查看动画-http://www.mmichalski.co.uk在Chrome和Firefox上运行正常
有什么想法吗?
这是引用的JSON:http://www.mmichalski.co.uk/data3.json