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

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

<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 

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。