html5加载视频一次以在不同的div中播放

时间:2016-07-20 16:08:57

标签: jquery html5 video

我想知道将相同的html5视频加载到两个不同的div中的最佳方法是什么(例如,缩略图'以及全宽容器)而不会使浏览器,有什么建议吗?

1 个答案:

答案 0 :(得分:0)

如果您只是为用户提供两种不同尺寸的选项,并且只希望用户实际播放其中一种,那么如果您使用视频流和常规HTML5视频,则可能不需要执行任何操作标记或基于HTML5的视频播放器。

当用户点击播放时,视频将以他们选择的任何div进行流式传输。在此之前,影响将是最小的,因为只会下载一小部分视频。

如果你正在做一些更复杂的事情,那么它将取决于确切的情况 - 例如,如果你想通过在一个窗口中播放视频来存储视频来减少带宽,以便稍后可以在另一个窗口中播放,那么你是根据带宽对存储进行权衡,视频可能占用大量存储空间。

此外,如果您使用一个缩略图大小的视频和一个全宽度描述案例,则流式视频可能是不同的文件 - 缩略图大小div可能不需要流式传输的高质量视频来显示视频。

如果您想在一个页面上显示许多缩略图,例如使用不同视频的网格,您可能会发现最有效的方法是将视频合并到服务器端的单个流中。这是因为同时播放多个视频可以快速克服设备处理能力,尤其是当设备具有某种专用视频硬件或硬件加速回放功能时。