2

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>

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

4

1 回答 1

1

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

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

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

于 2012-04-09T04:53:07.883 回答