[HTML5]video视频标签无法看视频的原因
[HTML5]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 |
热门文章推荐
- [JS]window.location获取url各项参数详解
- [JS]jQuery,javascript获得网页的高度和宽度
- [JS]视频弹窗视频弹出层videoLightBox(含三种播放器的用法)
- [JS]JS提交中文encodeURI两次转码
- [JS]js版方面encodeURI转码和decodeURI解码的用法实例
- [JS]js取当前机子的时间戳实例
- [JS]AES加密(基于crypto-js)PHP后端解密
- [JS]data:image/png;base64写法的用途及说明
请稍候...