显示至少100个视频

问题描述:

一个Web页面上

我想用很短的视频墙显示网页:显示至少100个视频

  • 这些视频1-2S长,一样的大小(大约100像素宽)
  • 他们是在一个矩阵的形式(例如10×10)
  • 播放的视频显示是通过用户互动(点击或悬停)使用jQuery

到目前为止,我已经尝试插入视频标签触发但是当我达到约60视频,我的浏览器(Chrome)挂起。

我的问题:是有一招,一个单一的网页上显示的视频这么大的量,什么问题我应该注意的事项,以确保用户开始交互之前的视频随时可以玩。

编辑:我明白这不是常见的做法,但这个项目是一个艺术装置,我需要能够触发所有的需求和无延迟的视频(或动态图像)。另一方面,初始加载时间并不重要,因为用户会意识到重负载。

谢谢:)

+0

你可以尝试只显示图像的列表,当用户点击视频开始加载和播放特定图像存取权限的每个对象。 – Christophvh

IMO “影片已准备就绪(...)用户开始互动之前,” 违背一个leightweight DOM。你不能拥有两个。我会尝试显示缩略图并使用交互来初始化视频。

+0

是的,我同意这一般。但是这个具体的案例是一个艺术装置,所以我需要所有的视频准备立即播放。初始加载时间并不重要。 –

,你可以尝试使用

使用

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

HTML标签内。那么你可以给它一个标签