modal window issue

botr — Jul 14, 2014 05:41AM EDT

Hi

We have been using jwplatform in wordpress using the shortcode embeding method, eg. [bitsontherun 6Oo4bZvz]. The video is in a modal window

We had an issue where the player would continue playing when the modal window was closed in IE browers. We added jwplayer.stop() to our modal window close script and set the wmode to opaque. This fixed the issue.

However, the jwplatform players have since updated to version 6.9.4867 and the bug has re-appeared in all IE browsers including IE11 despite the same fixes applied (jwplayer.stop() and the wmode = opaque). Can you tell us how we fix this bug for IE so that video stops when out modal window is closed.

Thank you

13 Community Answers

Up Down

Ethan Feldman

JW Player Support Agent

Jul 14, 2014 11:23AM EDT 0 rated :

Do you have an example link that we can look at?

Up Down

botr

User

Jul 16, 2014 04:28AM EDT 0 rated :

Yes, if you hover over the "+" and look at "stock control" you will see an example video in a modal window. When you close the modal the video stops in all modern browsers except IE (anything from IE8 - 11). we are using jwplayer.stop() on the modal close script.

http://liquidsmeanlife.co.uk/factory-tour/glass-process/

As I said previously this all worked until a recent update of the players to this version.

Up Down

Ethan Feldman

JW Player Support Agent

Jul 16, 2014 11:33AM EDT 0 rated :

I just checked in IE11 and when I close the player with the X button, the video stops fine. Sound stops.

Up Down

botr

User

Jul 16, 2014 12:04PM EDT 0 rated :

Sometimes the first video works, if you try "glass" on the same page it will continue to play

Up Down

Ethan Feldman

JW Player Support Agent

Jul 16, 2014 12:24PM EDT 0 rated :

That is because you are calling jwplayer().stop(), which only references the first player instance on a page. You need to also reference the 2nd player.

Up Down

botr

User

Jul 16, 2014 02:39PM EDT 0 rated :

How would that be done in order to stop all of the players on the page?

Up Down

Ethan Feldman

JW Player Support Agent

Jul 16, 2014 02:41PM EDT 0 rated :

just do jwplayer().stop;jwplayer(‘player2’).stop();

Etc

Up Down

botr

User

Jul 16, 2014 02:44PM EDT 0 rated :

Is there not a class that you can get the players by? this page has about 10 players on it. There must be away to reference multiple players rather than by each single id?

Up Down

Ethan Feldman

JW Player Support Agent

Jul 16, 2014 02:53PM EDT 0 rated :

Ok, so say there are 10 players on a page:

Use this code:

var maxPlayers = 10;
for(var i = 0; i < maxPlayers; i++) {
var player = jwplayer(i).id;
jwplayer(player).stop();
}

Up Down

botr

User

Jul 16, 2014 02:59PM EDT 0 rated :

Would that not mean that players would need to have id's of "1", "2", "3", etc?

Up Down

Ethan Feldman

JW Player Support Agent

Jul 16, 2014 03:01PM EDT 2 rated :

It doesn’t mean that. This is just looping through player instances.

Up Down

botr

User

Jul 16, 2014 03:02PM EDT 1 rated :

Thank you very much for your help I will give that a go then.

Up Down

Ethan Feldman

JW Player Support Agent

Jul 16, 2014 03:04PM EDT -1 rated :

Np.

I tested this locally and it works.

Here is some code using 2 players – https://gist.github.com/emaxsaun/c878cb1f6ab5168855f9

This question has received the maximum number of answers.