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
<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
相关文章推荐
- HTML5添加 video 视频标签后仍然无法播放的解决方法 IIS添加MIEI类型
- HTML5添加 video 视频标签后仍然无法播放的解决方法 IIS添加MIEI类型
- HTML5添加 video 视频标签后仍然无法播放的解决方法
- HTML5添加 video 视频标签后仍然无法播放的解决方法
- HTML5添加video视频标签后仍然无法播放的解决方法
- iis配置站点,页面中的video 视频标签加载的视频无法播放或者无法加载的解决方法
- 录制的视频在html5网页中用video标签无法播放的解决方法
- html5网页中用video标签无法播放MP4视频的解决方法
- html5 viedo视频标签在手机上无法正常播放解决方法
- html5的video标签插入mp4视频放在iis服务器访问无法播放解决方案
- 关于HTML5中Video标签无法播放mp4的解决办法
- Windows 2008 R2 中 IE9无法播放HTML5视频文件的解决方法!
- 【转】Android HTML5 Video视频标签自动播放与自动全屏问题解决
- video标签在安卓webview下无法自动播放问题的解决方法
- Android使用VideoView出现无法播放此视频问题的解决方法
- django下video播放时间不能超过5s并且视频有时无法显示问题的解决方法
- 关于HTML5中Video标签无法播放mp4的解决办法
- Windows 2008 R2 中 IE9无法播放HTML5视频文件的解决方法!
- HTML5上传视频无法播放以及兼容的解决方法
- Android HTML5 Video视频标签自动播放与自动全屏问题解决