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中 - ＆gt;开发人员工具 - ＆gt;网络 - 我看到mp4 + ogv文件都已下载（状态=已完成）。这是为什么？不应该只下载一次吗？如果下载所有内容有什么意义呢？

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

谢谢， ķ。

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）---

HTML5视频源订单是否重要？

1 个答案: