如何避免在同一页面重复重载HTML视频？

Question

在同一页面中使用相同的视频两次似乎会强制进行不必要的媒体重新加载.

比较加载视频到加载图片:

<img src="image.png"/>
<img src="image.png"/>
<video src="video.webm"></video>
<video src="video.webm"></video>

根据Firefox 5 Web控制台,这会加载图像一次,但视频加载两次.

我从http://www.w3.org/TR/html5/video.html#dom-media-mediagroup了解到规范的作者希望在两种情况下都能进行单次重新加载("引用相同媒体资源的多个媒体元素将共享一个单个网络请求"),但这不会发生在我身上.

我试图使用服务器缓存参数(我正在使用vanilla web.py),但无济于事,我怀疑那是在错误的树上吠叫.我应该看一下具体的内容吗？HTML元元素？

请注意,这与同一视频拥有多个来源的常见问题相反.在这里,我关注的是具有相同源的多个视频元素并排播放(例如,在不同的时间点).

Answer 1

如果您检查下载视频的大小，他们是否都下载了完整视频？

在我的测试中，大多数浏览器会下载一小块（足以显示拇指），然后在需要时下载完整视频 - 所以我想知道您是否将其算作两次完整下载，而实际上它只是一个完整下载和一个部分的。

我在 6 月份在 Bruce Lawson 的帮助下做了一些测试，我们发现某些浏览器执行的负载甚至比我上面描述的两个浏览器还要多。