视频标签video在ie9下不显示封面等问题解决

7月/19日


切图网(qietu.com) video标签是属于html5标签,所以兼容性理论上是在ie9+以及chrome、火狐等浏览器,但是实际情况却不容乐观,以下是切图网在响应式的前端项目开发中遇到的问题,以及解决方案。

HTML5 Video Poster 封面图片不支持 IE9

为了使您的HTML5视频的海报图像显示在IE9中,您应该将preload =“none”添加到<video>标记。如果视频加载,IE9似乎会覆盖html5海报图像。通过添加属性不允许它预加载,海报图像在IE 9浏览器中正常工作。

我们的开发团队在HTML5视频播放器的初始版本中发现了这个问题。

video标签width=“100%” height=“100%” 在ie9下无效

通过css或者style方式设置 width:100%,height:100% 可以解决,或者固定宽高。

 

结尾

要想解决ie浏览器下的视频播放问题,也可以采用主流的插件videojs解决。

 

切图网始于2007年, 前端外包 服务拓荒者、领航者,提供专业的前端外包服务,微信公众号 qietuwang