html - 视频标签播放音频但不播放视频

Question

如果你看my web page您会看到最上面的视频(红 Nose 的中世纪人)播放完美，无论是视频还是音频。

但是如果您查看底部(第 2 个)视频，当您播放它时，只有音频。您看到的“视频图像”实际上不是视频本身，而是使用“海报”html 标签的 png。

这是两个视频的 html:

<video src="http://shapeshed.com/examples/HTML5-video-element/video/320x240.m4v" poster="http://shapeshed.com/examples/HTML5-video-element/images/posters/les.jpg" controls="true" width="320" height="240">
        Your browser doesn't support the video tag. You can <a href="/video/your_video.ogg">download the video here.</a>
</video>

<video src="videos/Play.mov" poster="videos/Play.png" controls="true" width="800" height="600">
        Your browser doesn't support the video tag. You can <a href="videos/Play.mov">download the video here.</a>
</video>

第二个视频是我关心的视频，但我无法让该视频在 Chrome 中运行——它只能播放音频。但在 Mac Safari 上，视频效果很好。难道我做错了什么？看来我正在执行我的第二个视频，正好是第一个视频。为什么 1 有效而 2 无效？

编辑:我走得更远，但现在仅在 iPad 中(Chrome 可用，iphone 可用)我得到视频但没有音频。有什么想法吗？

编辑#2:我需要我的 2 个视频才能在 Apple Safari 上正确播放——其他都不重要，因为除了 Apple 设备之外的所有用户都将看到嵌入 Youtube 的视频。谁能告诉我将 AVI 转换为保证在 Apple Safari 中工作的视频格式的确切步骤？

Answer 1

您的视频使用 MPEG-4 Part 2 编码视频和 AAC 音频。 MPEG-4 第 2 部分视频不是 supported by Google Chrome .除非您手动安装额外的编解码器，否则 Safari 和 Chrome 都支持的唯一视频编解码器是 H.264 (也称为 MPEG-4 Part 10 或 MPEG-4 AVC)。如果您将其重新编码为 H.264，则应将其放置在具有 AAC 音频和 .mp4 文件扩展名(不是 .mov)的 MP4 容器中。