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

动画GIF与HTML5视频在用户中的表现';浏览器,html,animation,video,gif,animated-gif,Html,Animation,Video,Gif,Animated Gif,我需要在一个页面上显示几个代表视频的项目。嵌入视频播放器(即使只是一对)会给用户的CPU带来大量的负载(你可以听到你的电脑风扇立即旋转到最大速度)。我的想法是生成动画GIF来表示视频片段。这似乎会对CPU造成负载,但不会太大。似乎一旦GIF完成加载,CPU负载就不再是问题了 我只是通过在一个页面上放置大约15个GIF,在我的MacBook Air上用Chrome浏览器加载并观看活动监视器来测试这一点 我的逻辑是动画GIF比嵌入式视频需要更少的CPU资源吗?我是否应该关注内存问题?就我的用户的系

我需要在一个页面上显示几个代表视频的项目。嵌入视频播放器(即使只是一对)会给用户的CPU带来大量的负载(你可以听到你的电脑风扇立即旋转到最大速度)。我的想法是生成动画GIF来表示视频片段。这似乎会对CPU造成负载,但不会太大。似乎一旦GIF完成加载,CPU负载就不再是问题了

我只是通过在一个页面上放置大约15个GIF,在我的MacBook Air上用Chrome浏览器加载并观看活动监视器来测试这一点


我的逻辑是动画GIF比嵌入式视频需要更少的CPU资源吗?我是否应该关注内存问题?就我的用户的系统资源痛苦而言,这样做有什么坏处吗?

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


然而,这是一个移动,闪烁和其他需要注意的东西很多。也许你可以从静态预览图像切换到鼠标上的动画gif,这样一次就少了一点。如果他们感兴趣,他们可以点击并加载视频。

谷歌社区已经通过上传的视频文件完成了这项工作。占位符是剪辑样本的动画GIF。我可能会使用它,但使用对话框窗口来显示视频。另一个类似的选项是,仅对页面上完全显示的GIF设置动画,