HTML 5视频标签可以有多个具有不同编解码器的MP4源吗？

我在考虑这样一个事实,即我们的MP4配置文件越高,视频质量越好……

这让我想到了一个问题,我想我会问专家！

HTML 5视频标签可以有多个具有不同编解码器的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视频是高调视频,第二个主要配置文件和第三个基线配置文件.

在iPhone 3G上,是否会播放基线？

在iPhone 4S上,是否会播放高音？

一个跟进问题：如果高调视频低于源列表中的基线配置文件视频,哪一个将在iPhone 4G上播放？

(感谢阅读,特别是如果你回复.:)

解决方法

According to Mozilla,< video>可以包含任意数量的< source>标签.此外,应播放具有当前设备/浏览器的兼容视频文件的第一个源标签.

Apple themselves confirm那< source>标签应该是开发人员首选的直通顺序,我假设Mobile Safari也会选择它可以播放的第一个文件.

因此,从我能够挖掘的内容来看,没有一种静态方法可以为特定的浏览器/设备组合选择特定文件.您可能必须根据提供的用户代理字符串进行一些检测,并且只提供正确的文件(但使用纯HTML无法实现).