Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/361.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript HTML5视频无法在chrome上运行,即在服务器上托管后,视频以mov文件(quicktime格式)显示_Javascript_Css_Html_Sharepoint_Video - Fatal编程技术网

Javascript HTML5视频无法在chrome上运行,即在服务器上托管后,视频以mov文件(quicktime格式)显示

Javascript HTML5视频无法在chrome上运行,即在服务器上托管后,视频以mov文件(quicktime格式)显示,javascript,css,html,sharepoint,video,Javascript,Css,Html,Sharepoint,Video,在teamVideo.html页面中,我们使用HTML5视频标签来显示视频。视频文件是使用iphone拍摄的.mov格式(quicktime格式) <video preload="none"> <source src="video/v1.mov"> </video> 如果teamVideo.html直接在浏览器(chorme、IE9)中打开,页面工作正常,视频播放正常 将此页面托管到sharepoint网站后,视频无法运行。chrome只显示黑色的视频框

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

<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 server正在为.mp4文件发出mime类型“application/octate stream”&这可能是导致视频标记出现问题的原因


任何人都可以提出建议,可能出现什么问题以及如何解决此问题。

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


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

我在部署到Azure的网站上遇到了类似的问题。我不能在我的HTML5视频上使用任何文件类型mp4、ogg或webm。我在VisualStudio中的项目的Web.config文件中放了以下内容,它成功了。Azure无法识别mime类型。这要归功于亚历克斯·蒂塔连科()对我的支持

<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>


我在fiddler中的开发者工具n中检查了网络流量,请求了视频文件,请求完成,状态为200 OK。mov文件的内容类型为“video/QuickTime”。HTML5视频支持“视频/快速时间”吗?请在发现更新时更新问题。