html - HTML5 视频源顺序重要吗？

Question

我创建了一个视频页面:

<video autoplay loop width="1280" height="720">
<source src="media/airplane720.mp4" type="video/mp4">
<source src="media/airplane720.ogv" type="video/ogg">
Your browser doesn't support HTML5 video in WebM with VP8 or MP4 with H.264. 
</video>

Firefox 44 不会播放甚至显示无浏览器支持消息。但是，如果我更改顺序 - 即首先放置 ogv 文件，它会起作用。

问题:

一个。 HTML5视频回退方法不行吗？那有什么意义呢？

我如何在运行时检查 - 每个浏览器加载了哪种视频格式？在 Chrome --> 开发人员工具 --> 网络中 - 我看到 mp4 + ogv 文件都已下载(状态=完成)。这是为什么？不应该只下载一个吗？下载所有内容有什么意义？

如何在 Firefox 中检查相同内容？

谢谢，K.

Answer 1

a) 无浏览器支持消息与 <video> 有关标签，而不是视频文件类型。如果 TAG 不受支持(不支持 html5)，那么您应该会看到该消息。

b) 您可以通过 Javascript 检查它，参见 https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/canPlayType

var obj = document.createElement('video');
console.log(obj.canPlayType('video/mp4')); // check the return value 

c) ---