零基础学ui：HTML5添加video视频标签后仍然无法播放解决方案

现象：插入如下代码后仍然无法看视频（注：视频已确认为浏览器支持格式）

<video controls="controls" width="400px" height="200px" preload="metadata">
<source src="video/FF4.ogv" type="video/ogg">
<source src="video/FF4.webm" type="video/webm">
<source src="video/FF4.mp4" type="video/mp4">
video>

原因：IIS的MIME中未注册MP4、ogg、webm相关类型，导致IIS无法识别

解决方法：在IIS中注册MP4、ogg、webm类型；

打开“Internet 信息服务(IIS)管理器”，选中当前 IIS 服务器，鼠标右键单击“属性”，之后单击“MIME 类型”

在“MIME 类型”配置窗体中单击“新建”；

在“扩展名”中填入“flv”，在“MIME 类型”中填入“flv-application/octet-stream”并单击“确定”

完成添加后，重新启动 IIS 即可

以下以MP4为例，ogg和webm以此类推：

 

1、在IIS中双击MIME类型的图标

 

注意：以上图示以 .MP4 为例，如果想让视频标签兼容更多浏览器，需要将以下类型加入到MIME中

扩展名	类型
.mp4	video/mp4
.ogv	video/ogg
.webm	video/webm