网页上有多个短视频

Question

我和一个朋友正在推出一个在线艺术画廊。我们展出的第一位艺术家有一系列视频和剧照，我希望将它们全部放在一个页面上，自动播放和循环播放。

我已经设置好了布局，视频缩小到我认为可以管理的大小，一切在本地看起来都很好 (-__-)，但现在上传文件时，速度很慢而且卡顿。这并不让我感到惊讶，我知道视频是大文件。但我希望有人对让这 6 个视频顺利加载有一些见解。

目前所有视频都在 35-90 MB 范围内。

最好尝试调用每个视频以在滚动时加载？我怎么做？让所有这些视频在没有视频控制 chrome 的情况下自动播放，这是一个无望的梦想吗？

Answer 1

在单个页面上播放多个视频会受到带宽和浏览器/设备处理变化的影响。

带宽部分可能很明显 - 处理部分是因为设备必须单独解码和播放每个视频，并且视频处理的计算量很大。

许多设备还具有优化的硬件加速视频管道 - 本质上是特殊的硬件，可减少视频播放时的处理过载。这很可能不会针对播放多个视频进行设置或优化。

解决您遇到的问题的一种方法是在服务器端将所有视频组合成一个视频 - 如果您能找到一种您对这种方法感到满意的显示格式，则意味着您只需要流式传输和播放设备上的单个视频。