在单个网页上显示至少100个视频

Question

我想显示一个包含很短视频墙的网页：

• 视频长1-2秒，大小相同（约100px宽）
• 它们以矩阵的形式显示（例如10x10）
• 播放视频是由用户互动（点击或悬停）
触发的

到目前为止，我已尝试使用jQuery插入视频标签，但当我达到约60个视频时，我的浏览器（Chrome）就会挂起。

我的问题：是否有一个技巧可以在一个网页上显示如此大量的视频，我应该注意哪些问题，以确保在用户开始互动之前视频已准备就绪。

编辑：我知道这不是常见做法，但这个项目是一个艺术装置，我需要能够按需触发所有视频（或动态图像），并且没有延迟。另一方面，初始加载时间并不重要，因为用户将意识到重负载。

谢谢：）

Answer 1

在用户开始互动之前，IMO“视频准备就绪（......）”与轻量级DOM相矛盾。你不能两者兼得。我会尝试显示缩略图并使用交互初始化视频。

Answer 2

您可以尝试使用

使用

 <video width="320" height="240" controls>
  <source src="embed Link" type="video/mp4">
  Your browser does not support the video tag.
</video> 

html中的

标签。然后你可以通过给它一个标签来访问每个对象