html5-video - IE10使用标签不播放视频，直接请求视频播放

Question

我有一个带有以下标记的网页:

<video width="456" height="360" controls autoplay>
    <source src="Movies/Intro.mp4" type="video/mp4" />
    <source src="Movies/Intro_H264.webm" type='video/webm; codecs="vp8.0, vorbis"'/>
    <source src="Movies/Intro_H264.ogg" type='video/ogg; codecs="theora, vorbis"'/>
</video>

如果我在 IE10 中访问此页面，它会呈现视频播放器，但会显示一条错误消息:“错误:不支持的无效文件路径的视频类型”

但奇怪的是，如果我右键单击视频框并选择“复制视频 URL”，然后在 IE 中打开一个新选项卡并将直接 URL 粘贴到视频文件 (Movies/Intro.mp4 ) 它可以在浏览器中正常播放。

此外，我可以使用 Chrome 访问该页面，并且它可以毫无问题地播放网页中的 MP4 视频。综上所述，我不认为视频文件本身或编码有任何问题，但为什么 IE 10 不在标签中播放视频，但在直接请求视频时却在播放？

有什么见解吗？

谢谢

Answer 1

我会检查是否为文件正确返回了 mime 类型。

无论返回的 MIME 类型如何，Chrome 都会正确播放。

检查:

1. 按 F12 显示 IE 工具窗口/ Pane 。
2. 转到“网络”选项卡
3. 点击开始捕捉
4. 浏览到相关页面
5. 找到 mp4 行
6. 如果类型显示为 application/octect-stream 那么这是您的问题。