使用<video>标记</video>进行无法读取的MP4响应

时间:2013-12-25 03:44:43

标签: html5 internet-explorer video http-headers mp4

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

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

服务器似乎配置为返回“视频/ mp4”的内容类型,当我直接转到相关链接时,它会下载视频,并且可以在下载后在Windows Media Player中播放。 在我的开发人员工具的网络选项卡中,我实际上看到了两个URL请求 - 一个有200个响应,4 KB的不可审阅内容,另一个有“Range”内容标题,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>

1 个答案:

答案 0 :(得分:1)

除了存储在MP4容器中的文件之外,还要确保使用H.264视频和AAC音频进行编码。 MP4是一个通用容器,可以存储许多类型的音频和视频。如果它包含例如MPEG-4第2部分视频和MP3音频,那么它可能无法在这些浏览器中播放。