视频播放在UC Mobile Browser上的菜单顶部

Question

这个问题基本上是Video refuse to obey CSS rule in mobile UCBrowser

的副本

我试图恢复这个问题，但由于缺乏代表，我无法对此发表评论，但基本上是同一个问题。

我们的页面上播放了一段视频。当它在UC移动浏览器中播放时（我认为它使用自己的播放器？）在同一页面上我们有一个打开的菜单。问题是，当我们打开菜单时，视频正在播放。无论我们给出菜单的z-index，它总是在视频下面播放。关于UC Mobile Browser的在线文档似乎很少。

不确定css有多重要......因为这个问题看起来非常简单，但现在就是这样。

菜单css：

.block-nav-menu {
position: fixed;
top: 0;
right: 0;
z-index: 1031;
background: #fff;
width: 270px;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: -webkit-transform 0.4s;
transition: -webkit-transform 0.4s;
transition: transform 0.4s;
transition: transform 0.4s, -webkit-transform 0.4s;
height: 100%;
background: url(../../../images/mobile/bg.jpg);}

视频播放器css：

.video-holder {
position: relative;
margin: 0px;
background: #000;}

.video-holder video {
display: block;
width: 100%;
max-height: 100%;
z-index: -1;}