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

前端之家收集整理的这篇文章主要介绍了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)

原文链接:https://www.f2er.com/html5/168959.html

猜你在找的HTML5相关文章