如何在firefox中的css中覆盖html5视频上的元素？

Question

基本上我有一个HTML 5视频，我需要在视频全屏或全屏上覆盖div。

我在网络上发现z-index:2147483647;是最佳推荐。 这适用于chrome和opera，但是如果视频进入全屏模式，那么我的div (video controls container)会消失并且不会叠加在视频上。

CSS：

.MyVideo{
    position:relative; // I also Tried Absolute and without any position;
    width:100%;
    height:100%;
    background:black;
    z-index:1;
}

.overlay_over_video{
    position:absolute;
    height:60px;
    width:100%;
    bottom:0px;
    background:white;
    z-index:2147483647;
}

所有回复都表示赞赏！