关于VIdeo标签的各个浏览器的兼容

一、实例

HTML <video> 标签 | 菜鸟教程

使用案例：

二、属性的运用：

添加以上的属性，其实可以解决大部分VIdeo标签在各个浏览器显得上浮的问题。

但是我现在做的项目有出现一个问题，就是在安卓手机上显示视频页面，当视频处于自动播放的时候，当点击自定义下拉框的时候，播放的视频会悬浮在自定义的头部栏上

例子：

使用的方法有：

1、通过内核去处理脱离文档流的问题（这个方法也没有生效）

2、 通过设置VIdeo中的 CSS中的  position:absolute;和 z-index: -10000;的属性，让其不覆盖住头部栏（这个方法在安卓的百度浏览器上是可以处理悬浮的问题，但是在UC浏览器上还是无法生效的）

3、目前市面上的手机很多，浏览器也是，但是关于浏览器的内核：

三、设置以上VIdeo上的属性，VIdeo的视频显示在手机UC浏览器上还是会覆盖自定义头部标签栏

四、如果在其他浏览器上没问题，但是在UC浏览器上还是浮在自定义的头部的问题，可以设置以下 的属性值，就可以处理这个问题（亲测试生效）

这个问题，可以算是增加体验感更好，也是尝试了对个方法。