谷歌浏览器无法显示HTML5视频,但能播放音频。

4

显然我的HTML页面出了问题,或者是chrome有bug。(我严重怀疑是后者)不过它可以在FF 18和Safari 602中播放。

我的页面看起来像下面这样:

404.php

<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<title>chrisrjones.com - 404 - File Not Found</title>
<body>
Nope.

<br />

<!-- first try HTML5 playback: if serving as XML, expand `controls` to `controls="controls"` and autoplay likewise       -->
<!-- warning: playback does not work on iPad/iPhone if you include the poster attribute! fixed in iOS4                   -->

<video width="274" height="256" autoplay>
    <!-- MP4 must be first for iPad! -->
  <source src="../files/ahah-mp4-2.mov" type="video/mp4">
  <source src="../files/ahah.webm" type="video/webm"> <!-- Chrome10+, Ffx4+, Opera10.6+ -->
  <source src="../files/ahah.ogv" type="video/ogv"> <!-- Firefox3.6+ / Opera 10.5+ -->
  Your browser does not support the video tag.
  <!-- fallback to Flash: -->
  <!-- source: http://helpx.adobe.com/flash/kb/object-tag-syntax-flash-professional.html -->

</video>
</body>
</html>

你可以提供一个 JSFiddle 代码片段,这样其他人就可以进行检查和测试了吗? - Passerby
在 Chrome 浏览器中访问 chrisrjones.com/whatever,应该会播放音频但不显示视频。有趣的是,我现在正在使用 Linux 上的 Chrome,它可以正常工作,但在 OS X 上却不能。 - ipatch
我的 Win32 Chrome 也可以运行。 - Passerby
2个回答

1

文件http://chrisrjones.com/files/ahah-mp4-2.mov的MIME类型为:video/quicktime。

尝试使用MIME类型:video/mp4发送它。

并将视频编码为H.264。

如果在Internet Explorer中无法正常工作,则可能是因为视频未编码为H.264。


0
无论出于何种原因,如果启用视频标记的“控件”功能,则视频将在 OS X 上的 Chrome 中显示。到目前为止,唯一不显示视频文件的浏览器是 OS X 版本 24.0.1312.52 的 Chrome。我下载了 Windows 7 的最新原始版本的 Chrome 浏览器,视频文件得到了显示。
现在,我所要做的就是弄清楚为什么视频文件在 Internet Explorer 中无法播放。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接