Chrome全屏错误（流程播放器） - 侧边栏仍然可见

Question

如果我的视频播放器进入全屏（仅限Chrome），我会遇到奇怪的错误 - 侧边栏仍然可见。我检查了CSS（它与其他块相同），但我找不到原因，所以我希望你知道为什么。

网站：https://en.unicstack.com/article/read-id=196

Answer 1

将侧边栏的z-index更改为-1。 的CSS：

#sidebar {z-index: -1;}

Answer 2

好的，我现在能够让它发挥作用 - 感谢Olga：）

(function($) { // set the "#sidebar" to zIndex "-1" on fullscreen

    
  $(window).load(function() { 
	
	$(".flowplayer").on("fullscreen", function(e, api) {
        document.getElementById("sidebar").style.zIndex = "-1" 
	});
	
	$(".flowplayer").on("fullscreen-exit", function(e, api) {
        document.getElementById("sidebar").style.zIndex = "0" 
	});

  
  });
  
  
})(jQuery);

编辑：如果播放器进入全屏模式，则会有一些短暂的闪烁（侧边栏在很短的时间内可见）。有没有办法让这段代码加载更快？