Question

我想知道我做错了什么？

<video id="movie" width="320" height="240" preload controls>
  <source src="pr6.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
  <source src="pr6.webm" type='video/webm; codecs="vp8, vorbis"' />
  <source src="pr6.ogv" type='video/ogg; codecs="theora, vorbis"' />
</video>

代码的和平在于我的index.html。在同一目录中，我得到了所有3个视频文件（mp4，webm，ogv）

视频组件以某种方式显示，但没有播放视频。一个大的X出现在视频组件内部。

Answer 1

我的猜测是这是an earlier question的副本。如果是这样，答案是：确保您的服务器配置具有以下关联：

.ogv：video / ogg
.oga：audio / ogg
.ogg：application / ogg
.webm：video / webm
.mp4：video / mp4

Answer 2

在哪个浏览器上？例如，IE根本不支持视频元素。此外，course元素是一个void元素，因此不应该有一个结束标记。我还注意到Firefox中的一个错误，其中Ogg文件必须是第一个资源，否则它不起作用。这可能已在3.6.3中修复。

Answer 3

Firefox 3.6不支持WebM视频格式。要查看HTML5 WebM视频，您需要下载nightly build of Firefox 4

对于Ogv负责帧速率，不要期望显示高清视频。 Firefox的速度越高，无法显示我的视频，但当我降低帧速率和质量时，它的工作正常。

HTML5视频问题

3 个答案: