HTML5 视频元素中 mp4 之前或之后的 webm?

webm before or after mp4 in HTML5 video element?

我看到每个 tutorial/explanation 讨论 HTML5 视频格式回退都使用这种类型的标记作为示例:

<video autoplay>  
  <source src="/myvideo.mp4" type="video/mp4">  
  <source src="/myvideo.webm" type="video/webm">  
  Sorry, your browser doesn't support HTML5 video.  
</video> 

所以我的问题是,为什么大家都建​​议把MP4放在Webm格式之前?如果您的浏览器支持 Webm,它几乎肯定会支持 MP4...以上标记实质上确保永远不会使用更高效的 Webm 视频,即使它可以说具有更好的压缩率并且会减少带宽。这是为什么?

我是否遗漏了有关视频回退工作方式的一些信息?

它与 iOS 3 种设备的向后兼容性有关。 iPads 运行 iOS 3 有一个错误,导致他们除了列出的第一个视频源之外没有注意到任何东西。

MP4 视频类型是唯一支持的视频格式,因此如果视频的 mp4 版本不是第一个来源,它将被忽略。

因此,如果您想向 iPad 尚未升级 iOS 的所有者提供视频,您需要先列出您的 MP4 文件,然后是其余视频格式.

Read more