HTML5视频无法在chrome上工作，在服务器上托管后的IE，mov文件中的视频(quicktime格式）

HTML5 video not working on chrome,IE after hosting on server, video in mov file (quicktime format)

本文关键字：文件 mov IE 的视频 格式 quicktime 视频 chrome 工作 HTML5 服务器      更新时间：2023-09-26

在我们的teamVideo.html页面中，我们使用HTML5视频标签来显示视频。视频文件采用.mov格式（quicktime格式），使用iphone拍摄。

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

如果teamVideo.html直接在浏览器中打开（chorme，IE9），页面工作正常，视频播放正常。

将此页面托管到sharepoint网站后，视频无法工作。chrome显示的只是黑色的视频框，并没有发生任何事情。IE显示，如未找到图片框。在开发者工具中，我可以看到视频文件正在被请求&下载状态为200 ok。如果我在新标签中打开视频url，视频就会被正确下载。

如果我在视频标签中指定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文件&这可能会导致视频标签出现问题。

有人能提出建议吗；如何解决这个问题。

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

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

我在部署到Azure的网站上遇到了类似的问题。我不能在我的HTML5视频上使用任何文件类型mp4，ogg或webm。我在Visual Studio中的项目的Web.config文件中放入了以下内容，它就起了作用。Azure无法识别mime类型。归功于Alex Titarenko(https://stackoverflow.com/users/2898722/alex-titarenko)感谢你告诉我这件事。

<system.webServer>
<staticContent>
  <remove fileExtension=".mp4" />
  <mimeMap fileExtension=".mp4" mimeType="video/mp4" />
  <remove fileExtension=".ogv" />
  <mimeMap fileExtension=".ogv" mimeType="video/ogg" />
  <remove fileExtension=".webm" />
  <mimeMap fileExtension=".webm" mimeType="video/webm" />
</staticContent>

</system.webServer>
相关文章：