您的位置:首页 > Web前端 > HTML5

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

2015-04-10 10:12 861 查看
现象:插入如下代码后仍然无法看视频(注:视频已确认为浏览器支持格式)

<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类型的图标





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

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

其它类型格式:
.amr audio/amr
.pmdaudio/pmd
.3gp video/3gpp
.cab
application/vnd.smartpohone
.gif image/gif
.hme
application/vnd.smartphone.thm
.jad text/vnd.sun.j2me.app-descriptor

.jar application/java-archive
.jpg image/jpeg
.mid audio/midi

.mp3 audio/x-mpeg
.mp4 video/mp4
.ogg application/ogg
.pdb
application/ebook
.rm video/rm
.rng application/vnd.nokia.ringing-tone

.sdt application/vnd.sie.thm
.sis application/vnd.symbian.install

.thm application/vnd.eri.thm
.tsk application/vnd.ppc.thm
.umd
application/umd
.utz application/vnd.uiq.thm
.wav audio/x-wav
.wbmp
image/vnd.wap.wbmp
.wml text/vnd.wap.wml
.wmlc application/vnd.wap.wmlc

.wmls text/vnd.wap.wmlscript
.wmlsc application/vnd.wap.wmlscriptc

.wmv video/x-ms-wmv
.wsc application/vnd.wap/wmlscriptc
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: