videojs：在IE 10 #videojs上使用全屏模式和固定DIV的错误

Question

我正在使用VideoJS，一切正常，在firefox chrome和safari上。但是在Internet Explorer 10上，全屏视频显示在我的导航栏下（我有一些带有z-index的固定DIV）。 http://nielk.github.io/nantes-nord/

我试图在videojs css类上添加更大的z-index但是没有成功！但是没有成功！

有没有人有解决方案？

Answer 1

我找到了一个解决方法，我在videojs播放器上添加了一个监听器，当触发全屏事件时，我在我的固定DIV上添加了一个类（添加属性＆＃39; display：none＆＃39;）。因此，我的全屏视频上方没有任何元素出现。

 videojs('video-player-id').ready(function(){
    var myPlayer = this;

    var myFunc = function(){
        var myPlayer = this;

        // Do something when the event is fired
        $('#container-nav').toggleClass('fullscreen-ie');
        $('#scroll-top').toggleClass('fullscreen-ie');
    };

    myPlayer.on("fullscreenchange", myFunc);

});

CSS：

.fullscreen-ie {
    display: none;
}