Display: None > iframe visually disappears, but still plays audio!

[TeviH]

I have a javascript tab system I've coded, and I have it set up that there are three tabs: 1. plays a flash slideshow 2. plays a flash video player 3. displays a google map

The video is created and hosted on a separate domain, so I have to call it via an iframe (yuck.)

The tabs are working that when I click one tab, it sets the other two content divs to "display: none;" and sets itself to "display: block;" Pretty straight-forward. The problem is in IE6 and IE7 - when I click one tab, it effectively sets the video tab to display: none, as the content does actually dissapear. BUT, the video still keeps playing the audio!!

What on earth is happening?? I could not find anything about the subject, whether or not there's a bug.

Unfortunately, I cannot post what I am working on, for legal reasons.


Any thoughts? have you seen this before??

 

[Daniel]

Surely this is exactly what you expect, you can not SEE it on the display, but audio is not part of the display, it's just that, part of the audio.

Perhaps host all the files on your domains if thats at all possible?

Dan

 

[TeviH]

display: none should completely unload anything on the div/iframe - and indeed, in firefox, it does!

We figured a "fix" but it appears its a bug in IE... when we set the div to display: none, we also set a bogus url to the path of the swf, so it really *can't* play anything...

meh.

 

[xrvel]

display: none should completely unload anything on the div/iframe - and indeed, in firefox, it does!

We figured a "fix" but it appears its a bug in IE... when we set the div to display: none, we also set a bogus url to the path of the swf, so it really *can't* play anything...

meh.

I think "display" only about visual style. What if you change <iframe src="{some_location}"> into <iframe src=""> ?

 

[TeviH]

xrvl : I think that is what we'll have to do.

Thanks!