排序和不正确的单个源格式是否会影响在 iOS Safari 上播放 html5 视频？答案

【问题标题】：Does the ordering and incorrect individual source formats affect playing html5 videos on iOS safari?排序和不正确的单个源格式是否会影响在 iOS Safari 上播放 html5 视频？
【发布时间】：2012-04-09 04:36:45
【问题描述】：

源格式的顺序在 HMTL5 视频标签中是否重要？另外，如果其中一种格式不正确，难道不是所有浏览器都只会找到他们喜欢的那种，而忽略那些不好的吗？

我不明白为什么下面的代码不能在 iOS4.2 safari 上运行：

<video id="myVideo"  poster="/images/01.png" width="600" height="400" >
<source src="/uploads/12373/6/oceans-clip.mp4" type="video/mp4" />
<source src="/uploads/12373/6/oceans-clip.webM" type="video/webM" />
<source src="/uploads/12373/6/oceans-clip.ogv" type="video/ogg" />
<p>Your browser does not support the video tag.</p>
</video>

<div class="control">
<a href="#" class="btnPlay">Play/Pause</a>
</div>

在我的 iPhone 上的 Safari 中，播放暂停按钮工作正常，它似乎可以加载视频，但随后我收到一个弹出窗口，提示“无法播放电影”。我唯一能想到的是 .webM 文件实际上并不存在（这是真的，它不存在，尽管其他文件存在）或者我需要在 .webM 之前指定 .ogv。

【问题讨论】：

标签： ios html mobile-safari html5-video

【解决方案1】：

据我了解，浏览器会按顺序尝试源，因此您的示例将首先尝试 mp4，然后是 .webM，最后是 .ogv 文件。

如果 webM 文件不存在，那就是你的问题。浏览器兼容 webM 格式，尝试获取文件，然后得到 404 错误。我认为 m(any) 浏览器不会尝试在源中加载下一个视频格式，如果它已经兼容的话。

但是，如果不是这种情况，您可以一次尝试一种来源并观察结果。

【讨论】：

我认为 iOS 是 .mp4 而不是 .webM？
我必须进行实验才能确定，但我认为大多数现代浏览器/iOS 都会支持 .mp4。所以我会尝试忽略其他 2 个源标签（也许它会权衡格式并选择它最喜欢的？我对此表示怀疑。）我也可以保持安静，直到拥有苹果产品的人可以提供更实际的帮助 ^.^;
是的，我很确定 mp4 是 iOS 喜欢的东西，但发生了一些奇怪的事情，因为我已经从适用于 iOS 的东西中逐字逐句地拿了这个例子：inwebson.com/html5/custom-html5-video-controls-with-jquery 唯一的不同的是，我已将视频文件移动到我自己的文件夹中。虽然我的代码适用于 chrome