video标签是属于html5标签,所以兼容性理论上是在ie9+以及chrome、火狐等浏览器,但是实际情况却不容乐观,以下是切图网在响应式的前端项目开发中遇到的问题,以及解决方案。
HTML5 Video Poster 封面图片不支持 IE9
为了使您的HTML5视频的海报图像显示在IE9中,您应该将preload =“none”添加到
我们的开发团队在HTML5视频播放器的初始版本中发现了这个问题。
video标签width=“100%” height=“100%” 在ie9下无效
通过css或者style方式设置 width:100%,height:100% 可以解决,或者固定宽高。
结尾
要想解决ie浏览器下的视频播放问题,也可以采用主流的插件videojs解决。
----
来源:切图网(qietu.com)