您现在的位置是:ui设计学习网 > UI疑惑解答 > 在职ui设计师 > 在职ui设计师

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

2020-03-27 21:46在职ui设计师 人已围观

简介现象: 插入如下代码后仍然无法看视频(注:视频已确认为浏览器支持格式) video controls =controls width =400px height =200px preload =metadata source src =video/FF4.ogv type =video/ogg source src =video/FF4.we...

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


<video controls="controls" width="400px" height="200px" 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类型;

打开“Internet 信息服务(IIS)管理器”,选中当前 IIS 服务器,鼠标右键单击“属性”,之后单击“MIME 类型”

在“MIME 类型”配置窗体中单击“新建”;

在“扩展名”中填入“flv”,在“MIME 类型”中填入“flv-application/octet-stream”并单击“确定”

完成添加后,重新启动 IIS 即可

以下以MP4为例,ogg和webm以此类推:

 

1、在IIS中双击MIME类型的图标

 

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

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

如果你觉得本站还不错,可以通过扫码支付打赏哦,感谢!

站点信息

  • 干货分享204篇文章
  • 你喜欢的标签标签云
  • 微信公众号:扫描关注我们,领取更多学习资料