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

时间:2021-09-26 09:20:14
  现象插入如下代码后仍然无法看视频(注:视频已确认为浏览器支持格式) <videocontrols="controls" width="500px" height="300px" preload="metadata">
<sourcesrc="video/FF4.ogv" type="video/ogg">
<sourcesrc="video/FF4.webm" type="video/webm">
<sourcesrc="video/FF4.mp4" type="video/mp4">
</video>
原因:IIS的MIME中未注册MP4、ogg、webm相关类型,导致IIS无法识别 解决方法在IIS中注册MP4、ogg、webm类型,以下以MP4为例,ogg和webm以此类推: 1、在IIS中双击MIME类型的图标

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

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

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

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

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

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

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