一个HTML5视频标签可以有多个MP4源和不同的编解码器吗？

我在想，MP4的配置文件越高，视频质量就越好

这让我想到一个问题，我想我应该问专家们

一个HTML5视频标签可以有多个MP4源和不同的编解码器吗？比如：

<video>
    <source src="video.webm" type='video/webm; codecs="vp8, vorbis"' />
    <source src="high.mp4" type='video/mp4; codecs="avc1.64001E, mp4a.40.2"' />
    <source src="main.mp4" type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"' />
    <source src="baseline.mp4" type='video/mp4; codecs="avc1.58A01E, mp4a.40.2"' />
</video>

第一MP4视频是高轮廓视频、第二主轮廓和第三基线轮廓

在iphone3g上，会播放基线吗

在iPhone4S上，会播放高音吗

一个后续问题：如果高规格视频低于源列表中的基准规格视频，那么在iPhone4G上会播放哪一个

（感谢阅读，尤其是您回复。：）

，

可以包含任意数量的

标记。此外，还应播放第一个源标签，该标签包含当前设备/浏览器的兼容视频文件

标签应该是开发者首选的完整顺序，我假设mobilesafari也会从中选择它可以播放的第一个文件

---

因此，从我所能挖掘的情况来看，没有静态的方法可以为特定的浏览器/设备组合选择特定的文件。您可能需要根据提供的用户代理字符串进行一些检测，并且只提供适当的文件（但普通HTML不可能做到这一点）。

您可以提供多个源标记，用户代理应该播放它可以处理的第一个源标记

参见W3C定义：

还提供了一个用于回退的javascript示例

---

演示了一些javascript如何测试浏览器是否可以播放特定的编解码器。

可以使用元素指定多个源文件，以便为不同的浏览器提供以不同格式编码的视频或音频。例如：

<video controls> 
    <source src="foo.ogg" type="video/ogg">  <source src="foo.mp4" type="video/mp4">
    Your browser does not support the <code>video</code> element.
</video>