2010-08-12 77 views
2

我使用jwplayer在IE浏览器的HTML标签与jQuery显示和隐藏它们显示屏幕后去空白(通过风格:隐藏;)JWPlayer IE的问题,被隐藏和

当我隐藏在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); 
        } 
       }); 
    }); 
}); 
+0

我在Chrome 15和JWPlayer 5.8上遇到同样的问题。 – DuckMaestro 2011-11-11 00:41:21

回答

1

我用...

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

取而代之的是知名度和它的工作很大。

1

修复此解决方案的最佳方法是在单击另一个选项卡时移除播放器。然后在点击/重新点击该选项卡时重新加载播放器。您可以使用jwplayer(“container”)删除播放器。remove(); - 假设你的div中的播放器是一个名为container的id。将它添加回来只需放置相同的jwplayer(“container”)。setup({...});在那个功能。