javascript - Google Chrome 与 Edge 中的 Html 动画不同。自动播放解决对动画的帮助？

Question

我创建了一个动画，用于介绍视频，但由于自动播放政策，在 Google Chrome 中几乎不可能录制它。

如果自动播放可以用于离线 html 文件，那将解决我的问题。但是，在 Edge 中，自动播放有效，但动画与我想要的完全不同。

我保存了一个 w3schools 元素来展示我的元素:https://www.w3schools.com/code/tryit.asp?filename=G6QHCHUPIK9B

图像与我在离线元素中使用的图像不同。

我想要 Google Chrome 提供的动画，但每次都自动播放。

我的一个想法是手动启动视频，然后让动画将它们移出屏幕，但起点会偏离我想要的。

也许我应该尝试使用其他浏览器？我不知道最好的选择是什么。

Answer 1

要让 Google Chrome 更改自动播放政策，我发现您可以转到:chrome://flags/#autoplay-policy 并从那里禁用它(在顶部)。

这将用作临时修复，但我仍然对尝试在 Google Chrome 和 Edge 之间最大化相同的动画感到好奇。