video 在移动端浏览器变现的层级太高,总是在最高层,如何解决;

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了video 在移动端浏览器变现的层级太高,总是在最高层,如何解决;相关的知识,希望对你有一定的参考价值。

目前测试div、iframe将其覆盖都失败了,请问大侠们,有何办法处理呢;

参考技术A 别用 z-index,用定位,后面的标签会覆盖在前边标签的上面。

video 应该和 img 类似的层级,不是很高吧。

demo code:

<div class="video-div">
<video src="abc.mp4"></video>
<span class="over-text">text over the video</span>
</div>

.video-div
position: relative;

.over-text
position: absolute;
left: ?;
bottom: ?;
追问

这段代码我看到过了,不管用;

以上是关于video 在移动端浏览器变现的层级太高,总是在最高层,如何解决;的主要内容,如果未能解决你的问题,请参考以下文章

解决移动端视频层级最高的问题,修改video属性

关于IOS下的video标签层级问题

embed标签的flash层级太高问题

移动端video无法自动播放问题

安卓手机H5 video的层级关系很高,会压住div,请问有解吗

在移动端怎么将HTML5中的video标签的控件去掉或者隐藏