HTML5视频video标签的常见问题

Html5标签的video,我想写过前端代码的人,都不会陌生吧。但video标签还是有一些问题。
一、PC端的兼容问题;
html5的标签不兼容ie8包括ie8以下的浏览器;解决办法:使用js的库video.js,Video.js 自动检测浏览器对html5模板的支持情况,如果不支持HTML5则自动使用Flash 播放器。

二、video标签控件样式问题;
因为video是有默认的样式,在做项目时候,往往设计稿和video默认样式的不同。在html5网站模板的DOM给video提供了方法、属性和事件。可以完成自己想要的页面效果。
比如:暂停/开始,要用自己写的样式时:
play() 开始播放,pause() 暂停。 就可以用到这两个方法。还有进度条方式等。

三、手机端不能自动播放的问题;
移动端的浏览器为了避免用户使用流量的问题,都是默认视频不能自动播放。只能引导用户手动去播放。
四、手机端播放后层级达到最高;
对于播放后的视频,即使我们给父级加了overflow: hidden;也无法改变这一现象。所以,我们能做的就是将原视频的width和height设置为0来解决播放后层级最高的问题,关于这个问题,没有一个非常好的解决方案,至少目前来看是没有的。