Question

基本上我已经为我的网络视频制作了自己的自定义控件，不想使用标准控件。无论如何，现在我需要控制视频，无论视频是否处于全屏模式！基于我的谷歌搜索，我发现最推荐的方式是z-index:2147483647这对于Chrome和Opera来说非常有用，因为我已经测试了它但它在firefox中不起作用。

.video_my{
    position:absolute;
    width:300px;
    height:200px;
    background:black;
    z-index:1;
}

.my_controls_container{
    position:absolute;
    height:60px;
    width:100%;
    bottom:0px;
    background: white;
    z-index:2147483647; // Also tried !important
}

要在Jquery中全屏请求视频，我正在使用

if (vid.requestFullscreen) {
   vid.requestFullscreen();
} else if (vid.mozRequestFullScreen) {
   vid.mozRequestFullScreen();
} else if (vid.webkitRequestFullscreen) {
   vid.webkitRequestFullscreen();
}

我创建了这个链接：http://codepen.io/anon/pen/GNaEKL你可以在firefox上试一试，然后点击那个绿色框，看看应该叠加的div消失了。

所以如果有人能告诉我如何在Firefox中将视频转到全屏模式时将控件容器放在视频上，我真的很感激吗？

如何在HTML5视频上放置div？

0 个答案: