javascript - HTML5 视频在服务器上托管后无法在 chrome、IE 上运行，视频为 mov 文件(quicktime 格式)

Question

在我们的 teamVideo.html 页面中，我们使用 HTML5 视频标签来显示视频。视频文件为.mov格式(quicktime格式)，使用iPhone拍摄。

<video preload="none">
<source src="video/v1.mov">
</video>

如果直接在浏览器(chorme、IE9)中打开teamVideo.html，页面正常，视频正常播放。

将此页面托管到共享点网站后，视频无法正常工作。 chrome 仅显示黑色视频框，播放时没有任何反应。 IE 显示，如未找到图像框。在开发人员工具中，我可以看到视频文件正在被请求并下载，状态为 200 ok。如果我在新选项卡中打开视频网址，视频就会正确下载。

如果我在视频标签中指定 type="video/quicktime"，即使本地视频也不起作用

<video preload="none">
<source src="video/v1.mov" type="video/quicktime">
</video>

如果我指定类型“video/mp4”，即使文件是.mov类型，它也可以在本地工作，但在服务器上托管时不起作用。

<video preload="none">
<source src="video/v1.mov" type="video/mp4">
</video>

我尝试使用 .mp4 文件而不是 .mov 文件，但这在托管后也不起作用。我发现，sharepoint 服务器正在为 .mp4 文件发出 mime 类型“application/octate-stream”，并且这可能会导致视频标 checkout 现问题。

任何人都可以提出建议，可能是什么问题以及如何解决这个问题。

Answer 1

使用浏览器工具检查服务器是否确实返回了有效响应，如果没有，请检查 IIS 中服务器日志中的错误消息(如有必要，请打开请求跟踪)。

如果服务器是 IIS，请确保设置并配置每个文件扩展名的 MIME 类型。如果没有匹配的 mime 类型，IIS 将返回 404。