html - 动画 GIF 与 HTML5 视频在用户浏览器中的表现

Question

我需要在代表视频的页面上显示多个项目。嵌入视频播放器(即使只是几个)会给用户的 CPU 带来大量负载(您可以听到计算机的风扇立即旋转到最大速度)。我想减轻这种情况是生成动画 GIF 来表示视频剪辑。这似乎对 CPU 造成了负载，但并没有那么大。似乎一旦 GIF 完成加载，CPU 负载就不是问题了。

我只是通过在一个页面上放置大约 15 个 GIF，将其加载到我的 MacBook Air 上的 Chrome 中并观看事件监视器来对此进行测试。

http://yawmp.com/temp/anigif_test.php

动画 GIF 比嵌入式视频需要更少的 CPU 资源，这符合我的逻辑吗？我应该关注内存问题吗？就我的用户的系统资源痛苦而言，走这条路有什么缺点吗？

Answer 1

如果动画 gif 中有几个帧，浏览器只是在这些帧之间循环 - 这不是什么大问题。如果您将足够多的内存放在一个页面上，内存问题就会成为一个问题。

但是，这是一个很多移动、闪烁和其他需要注意的东西。也许您可以在鼠标悬停时从静态预览图像切换到动画 gif，这样一下子就会少一些。然后，如果他们感兴趣，他们可以点击并加载视频。