video - videojs : Bug with fullscreen mode and fixed DIV on IE 10 #videojs

Question

I'm using VideoJS and everything works fine on firefox chrome and safari. But on Internet Explorer 10 the fullscreen video appear under my nav-bar (I have some fixed DIV with z-index). http://nielk.github.io/nantes-nord/

I unsuccessful tried to add a greater z-index on videojs css class but there is no result !

Does anyone have a solution ?

Answer 1

我找到了一种解决方法，我在 videojs 播放器上添加了一个侦听器，当触发全屏事件时，我在我的固定 DIV 上添加了一个类（添加属性“显示：无”）。所以我的全屏视频上方没有出现任何元素。

 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;
}