JWPlayer IE 问题，隐藏和显示后屏幕变黑答案

【问题标题】：JWPlayer IE issues, screen going blank after being hidden and shownJWPlayer IE 问题，隐藏和显示后屏幕变黑
【发布时间】：2017-06-05 04:02:47
【问题描述】：

我在 IE 的 html 选项卡中使用 jwplayer，jQuery 显示和隐藏它们（通过 style:hidden;）

当我在 IE 中隐藏一个标签然后再次显示时，播放视频区域变为空白（您仍然可以听到声音并播放/暂停视频）。

有谁知道为什么会发生这种情况或有办法解决它。

干杯。

这是 jQ 进行隐藏/显示：

function showpanel(panel){
  jQuery('#announcements .panel').each(function(index) {
    if(panel == index) {
      jQuery(this).css('visibility','visible');
    } else {
      jQuery(this).css('visibility','hidden');
    }
  });
  jQuery('#announcements .nav ul li.item').each(function(index) {
    if(panel == index) {
      jQuery(this).addClass("active");
    } else {
      jQuery(this).removeClass("active");
    }
  });  
}
jQuery(document).ready(function(){
showpanel(0);
  jQuery('#announcements .nav ul li.item').each(function(index) {
      jQuery(this).mouseover(function(){
                    if(jQuery(this).hasClass("active")){                           
             //console.log('if'); 
                    } else {  
                        //console.log('else');
                        document.getElementById('jw_player').sendEvent('PLAY', 'false');
                        showpanel(index);
                    }
                });
  });
});

【问题讨论】：

我在 Chrome 15 和 JWPlayer 5.8 上遇到了同样的问题。

标签： flash internet-explorer video cross-browser jwplayer

【解决方案1】：

我用过……

if(panel == index) {
      jQuery(this).css('z-index','2');
    } else {
      jQuery(this).css('z-index','1');
    }

而不是可见性，而且效果很好。

【讨论】：

【解决方案2】：

解决此问题的最佳方法是在单击另一个选项卡时移除播放器。然后在单击/重新单击该选项卡时重新加载播放器。您可以使用 jwplayer("container").remove(); 删除播放器-- 假设你的 div 里面有播放器是一个 id 命名的容器。要将它重新添加，只需放置相同的 jwplayer("container").setup({...});在那个函数中。

【讨论】：