在网页内容上循环播放动画

Question

几周以来，我一直在寻找一种将带有 alpha 的循环动画放在网络内容之上的方法。我似乎找不到任何人问这个问题或任何答案，这一事实让我认为解决方案非常简单，没有人需要问它。

有关此效果的示例，请转到bonfirestudios.com

他们在整个网站上多次使用这种技术，最引人注目的是他们在主页上的徽标。他们在其网站内容之上播放动画循环。它可能只是一个使用屏幕混合模式播放的视频，但我对 html 和 css 的了解非常有限，我不确定我应该寻找什么。

概念上似乎很简单：循环播放视频（带有 alpha 数据），但我找不到任何解释如何实现此效果的内容（或不知道具体在哪里/如何查看）。值得注意的是，没有视频控件或任何其他指示它正在播放的视频。我检查了他们的代码，但我对 javascript 等的了解有限，很难知道我在寻找什么。

非常感谢任何帮助或指导，谢谢。

Answer 1

这是一个正在播放的视频（右键单击动画，您会看到“保存视频”等选项）。

容器格式为 webM（可包含 VP8 或 VP9 视频编解码器）。
此格式为from Google and supports transparency。