带有标签的不可读 MP4 响应<video>

Question

我正在尝试让我的旧网站使用其HTML5视频。

我在那里有几个视频，我已经编码成MP4，Ogg Theora和WEBM，以最大限度地提高浏览器兼容性。目前，Firefox似乎正在播放有问题的视频。但是，尝试在IE11中观看视频似乎无法正常工作。

服务器似乎确实配置为返回"video/mp4"的内容类型，当我直接转到有问题的链接时，它确实会下载视频，并且下载后可以在Windows Media Player中播放。在开发人员工具的网络选项卡中，我实际上看到了两个对 URL 的请求 - 一个有 200 响应和 4 KB 的不可渲染内容，另一个有一个"范围"内容标头，以及 206 结果 - 我想这与能够流式传输内容有关。我愿意接受有关我可能缺少什么的建议。

.HTML：

    <video width="500" height="300" controls="controls">
        <source src="media/pilferocalypse.mp4" type="video/mp4" />
        <source src="media/pilferocalypse.webm" type="video/webm" />
        <source src="media/pilferocalypse.ogv" type="video/ogg" />
        HTML5 Video may not be supported on your browser. You may try <a href="media/pilferocalypse.mp4">downloading</a> the video instead.
    </video>

Answer 1

除了文件

存储在 MP4 容器中外，请确保使用 H.264 视频和 AAC 音频对其进行编码。MP4 是一个通用容器，可以存储多种类型的音频和视频。例如，如果它包含 MPEG-4 第 2 部分视频和 MP3 音频，则可能无法在这些浏览器中播放。