Search jQuery

jQuery Forum

Video in popup iframe doesn't stop playing on close jQuery mobile

in jQuery Mobile • 8 years ago

Hello,

I have embedded a Vimeo video into my jQuery mobile popup using the iFrame that it suggests.

The video works fine until you close it by clicking outside the video div. The video goes away but it still plays in the background. You can hear it playing and then when you launch the video popup agsain, the video is stil playing.

Anyone know of a solution please?

Thank you

Replies(6)

John Chac..

Re: Video in popup iframe doesn't stop playing on close jQuery mobile

8 years ago

it may be just hiding that popup.

You can listen to 'popupafterclose' event and remove/clear that iframe.

try to post a basic sample of what you are doing in jsfiddle.

antistand..

Re: Video in popup iframe doesn't stop playing on close jQuery mobile

8 years ago

Hi John

Thank you for your help.

I looked on jsfiddle and there is no jquery mobile library so i am usure that i can demo it there.

The other thing is that I am not that great at js so i am usure how to use listeners. I am using the jquery mobile documentation correctly to open a video in a popup iframe.

the demo on the jquery mobile site : here has the same problem. they do not have sound in their video maybe deliberately becasue they know it doesn't go away when the video is 'closed'.

i am finding jquery mobile to be a lot like this. very sketchy and volatile. would just use a responsive site next time instead and do my own jquery for popups etc.

Thank you

John Chac..

Re: Video in popup iframe doesn't stop playing on close jQuery mobile

8 years ago

all I can suggest is adding iframe runtime...

http://jsfiddle.net/X9x23/

It should have been ideally pausing the video on close of popup.

But since iframe is on different domain I don't think its possible to access anything within iframe.

else look for old way of embedding with <object> tag.....

I noticed below mentioned in jqm doc..

Note that the video will still be playing in the iframe when the popup is closed. If available you can use the 3rd party API to stop the video on the popupafterclose event. Another way is to create the iframe when the popup is opened and destroy it when the popup is closed, but this would drop support for browsers that have JavaScript disabled.