多个 Lottie 动画不自动播放

问题描述

在这wordpress 网页中添加了一些 Lottie 动画:https://www.rebound-tech.com/optimized-frozen-food-production/ 在 How It Works 部分下方大约 2/3 处。您可以看到右侧有 FPS、MVR 和能量平衡选项,这些选项会更改下方的动画和文本。

我的问题是动画不会自动播放,具体取决于浏览器。我添加了播放器控件,以便用户可以播放动画,但我希望它们全部自动播放并删除控件

在我的 Chrome 中,我以某种方式让它们全部自动播放(可能是 cookie 或其他东西),但如果我转到 Chrome 隐身窗口,则只有第一个 (FPS) 动画自动播放。在 Firefox 中,它们都不会自动播放,而在 Microsoft Edge 中,它们都自动播放。快把我逼疯了。

我的代码很简单:

<lottie-player src="https://www.rebound-tech.com/wp-content/themes/rebound/animations/FPS.json"  background="transparent"  speed="1"  style="width: 100%; height: 100%;"  loop  autoplay controls></lottie-player>

对于每个项目,.json 文件都会发生变化。在页面底部我声明:

<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>

有什么办法可以让它在 Firefox 中正常工作并在 Chrome 中保持一致?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)