JWPlayer IE issues, screen going blank after being hidden and shown.

Question

Hi,

I'm using jwplayer in html tabs in IE with jqery showing and hiding them (via style:hidden;)

When I hide a tab in IE and then show it again the plays video area goes blank (you can still hear sound and play/pause the video).

Does anyone know why this is happening or have a way to fix it.

Cheers.

Here's the jQ doing the hiding / showing:

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

look at this http://stackoverflow.com/questions/2731876/jw-player-cross-browser-displaynone-player-behavior

Answer 2

I used...

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

Instead of the visibility and it worked great.