MSIE audio continues after overlay is dismissed, still Created Jan 14, 2009

does this happen on Flowplayer website too?

http://flowplayer.org/demos/plugins/overlay2.htm

No, it doesn't. So it's something I did, apparently, even though the code was cut and pasted from the overlay2 demo.

I've got this on a current setup, and I'll be tackling it later.

Try putting some HTML content within the <a..> tag, such as a play button. I remember something about the player needing to know 'what' it's unloaded state was to be able to return to it.

Also, could you paste your code here? Just the relevant HTML/JS or provide a demo link with minimal code?

I'll try telling the player something about itself inside the html anchor tag, thanks.

Here's the script.

<script>
$(function() {

// setup overlay actions to buttons
$("a[rel]").overlay({

// setup exposing (optional operation);
onBeforeLoad: function() {
this.expose();
},

onLoad: function(content) {
// find the player contained inside this overlay and load it
$("a.player", content).flowplayer(0).load();

},

onClose: function(content) {
$f().unload();

// close exposing
$.unexpose();
}
});

// install flowplayers
$("a.player").flowplayer("flowplayer-3.0.3.swf");
});
</script>

http://i-vapor.com

Solved! Just put anything in the text between the anchor opening and closing tags; in this case "$NBSP;" for stealth.

<div class="overlay" id="overlay18" style="background-image:url(grey.png)">
<a class="player" href="video/seq_008.flv">$NBSP;</a></div>

Nice to see it solved! :-)

However, don't you mean   (a space) ?

ahh. didn't think it could be that. unload function really does nothing when there is no state to unload to.

I'm experiencing this same problem.. here's my code:

...
<a class="player" href="http://<!--#echo var="STATIC_HOST" -->/videos/mailing/mailing_high.flv"> </a>
...

$(function() {
	$("#content a[rel]").overlay({
		expose: '#fff',
		onLoad:  function(content) { this.getOverlay().find('a.player').flowplayer(0).load(); },
		onClose: function(content) { $f().unload(); }
	});
	$("a.player").flowplayer('/swf/flowplayer/flowplayer.commercial-3.1.5.swf');
});

My setup is as follows:
1. I'm using overlays
2. multiple flowplayer instances on this one page

My trouble is as follows:
Anything (text, graphic, nbsp, etc) inside my anchor tag the player is attached to causes the video to not play and just show the loading 'spinner' graphic.

I have a working example here:

Any help would be spectacular and much appreciated

I looked at the Multi-Overlay demo http://flowplayer.org/demos/tools/overlay2.htm) and the 2nd video has the same trouble I'm having on all my videos.

(I viewed in IE7 -- every other browser works beautifully)

I see the issue on tinyprints in Ie7 and 8.
However I don't see it on the demo page http://flowplayer.org/demos/tools/overlay2.htm

At the moment I don't have enough time to setup a test env, but I will later on.

In the meantime 1st thing I would try is testing your setup on a blank html page with nothing else on it. Also try moving the java files to the head section of the page.

With IE clear all cache and cookies between tests. Cont-Shift-Delete, -IE is a packrat.

Put up in the head.
		<script src="http://cdn.jquerytools.org/1.1.2/tiny/jquery.tools.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="http://static-cache.tp-global.net/js/flowplayer-3.1.4.min.js" type="text/javascript" charset="utf-8"></script>

A little later on I'll try and test that flowplayer install.

Thanks for the response @Edge.

I will give your suggestions a go and let you know.

Hmm -- After moving the scripts to the head and flushing all cache and cookies, I get the first video to play and then the rest do not.

My next test will be to move all these players to their own page.

(this was tested in my dev environment, not production, so you won't be able to see my changes.)