北京治疗白癜风最好的医院 https://myyk.familydoctor.com.cn/2831/schedule/H5标签的video，我想写过前端代码的人，都不会陌生吧。但video标签还是有一些问题。一、PC端的兼容问题；H5的标签不兼容ie8包括ie8以下的浏览器；解决办法：使用js的库video.js，Video.js自动检测浏览器对HTML5的支持情况，如果不支持HTML5则自动使用Flash播放器。二、video标签控件样式问题；因为video是有默认的样式，在做项目时候，往往设计稿和video默认样式的不同。在HTML5的DOM给video提供了方法、属性和事件。可以完成自己想要的页面效果。比如：暂停/开始，要用自己写的样式时：play()开始播放，pause()暂停。就可以用到这两个方法。还有进度条方式等。下面是我在咔拉商城做的样式。三、手机端不能自动播放的问题；移动端的浏览器为了避免用户使用流量的问题，都是默认视频不能自动播放。只能引导用户手动去播放。四、手机端播放后层级达到最高；对于播放后的视频，即使我们给父级加了overflow:hidden;也无法改变这一现象。所以，我们能做的就是将原视频的width和height设置为0来解决播放后层级最高的问题，关于这个问题，没有一个非常好的解决方案，至少目前来看是没有的。
转载请注明：http://www.aierlanlan.com/grrz/7076.html
