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

Question

如果您查看我的网页，您会看到顶级视频（红鼻子的中世纪男人）播放完美，包括视频和音频。

但是如果你看底部（第二个）视频，当你播放它时，只有音频。您看到的“视频图像”实际上不是视频本身，而是使用“海报”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 音频进行编码。Google Chrome不支持MPEG-4 Part 2 视频。除非您手动安装其他编解码器，否则 Safari 和 Chrome 唯一支持的视频编解码器是H.264（也称为 MPEG-4 Part 10 或 MPEG-4 AVC）。如果您重新编码为 H.264，则应将其放置在具有 AAC 音频和.mp4文件扩展名（而不是.mov）的 MP4 容器中。

Answer 2

您可能想尝试这样的事情：

<video controls>
<source src="somevideo.webm" type="video/webm">
<source src="somevideo.mp4" type="video/mp4">
I'm sorry; your browser doesn't support HTML5 video in WebM with VP8 or MP4    with H.264.

更多帮助请参见html5 视频