为什么浏览器会加载所有来源的视频?
我的页面上有多个视频元素。它们看起来像这样:
<video class="video-js" width="800" height="500" controls="controls" preload="auto">
<source src="http://myurl.com/videos/video01.mp4" type="video/mp4" />
<source src="http://myurl.comvideos/video01.webmvp8.webm" type="video/webm" />
<source src="http://myurl.com/videos/video01.ogg" type="video/ogg" />
</video>
我认为不同的浏览器应该只加载它们需要的来源的视频,而不是同时加载来自所有三个来源的所有视频。尽管当我查看 Firebug 日志时,我发现它们加载了所有文件,而且花费的时间太长。我该怎么做才能使浏览器仅加载播放视频真正需要的文件?
I have multiple video elements on my page. They look like this:
<video class="video-js" width="800" height="500" controls="controls" preload="auto">
<source src="http://myurl.com/videos/video01.mp4" type="video/mp4" />
<source src="http://myurl.comvideos/video01.webmvp8.webm" type="video/webm" />
<source src="http://myurl.com/videos/video01.ogg" type="video/ogg" />
</video>
I suppose different browsers should load only videos from sources they need, not all videos from all three sources at once. Though when I look into Firebug logs I see that they load all files and it takes too long. What can I do to make browsers load only files they really need to play the video?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
您还必须指定编解码器。
You must also specify a codec.