2016-03-03 60 views
1

我创建了一个视频页面:HTML5视频源命令是否重要?

<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文件,它将起作用。

问题:

a。 HTML5视频后备方法不起作用吗?那有什么意义呢?

b。我如何在运行时检查 - 每个浏览器中加载了哪种视频格式?在Chrome浏览器 - >开发者工具 - >网络 - 我看到两个mp4 + ogv文件已经下载(status = finished)。这是为什么?不应该只有一个下载?如果一切都下载,有什么意义?

c。如何在Firefox中查看相同的内容?

感谢, K.

回答

1

一)无浏览器的支持,消息必须做的<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 

三)---

+0

感谢您的答复,但我不知道如果我问就很明确。视频如何播放 - 仅限于 - 如果文件格式的顺序被交换了? 这不是回退法的重点吗?如果以前没有播放,请转到下一个格式... – Kadjia

+1

是的,这应该是绝对的情况,浏览器应该只播放其中一个视频并跳过任何不支持的格式。我猜FF浏览器知道它可以播放mp4视频,但是在这个mp4文件中有一些导致FF停止播放它的东西。也许一些意想不到的音频或视频编解码器在MP4容器?你有没有试过另一个MP4文件? –