HTML5添加video视频标签后仍然无法播放的解决方法

 

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

< video controls ="controls" width ="500px" height ="300px" 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类型，以下以MP4为例，ogg和webm以此类推：

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

2、右键-》添加 IIS不认识的新类型

3、添加新类型的扩展名和类型标识

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

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