前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

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

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解决。

----

来源:切图网(qietu.com)

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言