Question

我在IE中的html选项卡中使用jwplayer，jQuery显示并隐藏它们（通过样式：隐藏;）

当我在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);
                    }
                });
  });
});

Answer 1

我用过......

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

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

Answer 2

修复此解决方案的最佳方法是在单击其他选项卡时删除播放器。然后在单击/重新单击该选项卡时重新加载播放器。您可以使用jwplayer（“container”）删除播放器.remove（）; - 假设你的div与其中的玩家是一个名为容器的id。要将它添加回来，只需放置相同的jwplayer（“container”）。setup（{...}）;在那个职能部门。

JWPlayer IE发布后，屏幕在隐藏和显示后变为空白

2 个答案: