2

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

2 回答 2

1

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

于 2011-09-17T19:52:33.550 回答
1

我用了...

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

而不是能见度，它工作得很好。

于 2010-08-13T08:40:57.313 回答