html5 – 如何避免在同一页面重复重载HTML视频?

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

比较加载视频加载图像:

<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元素?

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

解决方法

如果您检查下载的视频的大小,他们是否都下载完整的视频?

在我的测试中,大多数浏览器下载了一个小块(足以显示拇指),然后下载完整的视频 – 所以我想知道如果您计算为两次完整的下载,实际上只有一个完整的下载和一个部分。

我在六月份在布鲁斯·劳森(Bruce Lawson)的帮助下做了一些测试,我们发现一些浏览器比上面描述的那些更多的负载

HTML 5 Video In Real Life (Tests)

相关文章

HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码