fancybox-2


Audio continues after fancyBox closes


I've got a jwplayer inside fancyBox. The audio plays to the end of the clip even if I close the FB window. I thought I needed to use a callback but I am not sure how to set it up. I'm hoping someone can let me know what is missing from my code to correct this problem.
Thanks.
<p class="fancylist"><a id="inline" href="#samples">Listen to Samples</a></p>
<div style="display:none;">
<div id="samples" style="width:550px;">
<script type='text/javascript' src='jwplayer.js'></script>
<div id='mediaspace'>This text will be replaced</div>
<script type='text/javascript'>
jwplayer('mediaspace').setup({
'flashplayer': 'http://www.mydomain.com/player.swf',
'playlistfile': 'http://www.mydomain.com/Playlist.php',
'playlistsize': '500',
'playlist': 'bottom',
'controlbar': 'bottom',
'width': '470',
'height': '400'
});
</script>
</div>
</div>
The issue is closing the fancy box just (more than likely) sets the display:none; on the div used for the fancy box. This means that the div is still on the page and your video is still playing, you just can't see it.
Check out this link. Very similar question.
Website youtube embedded video keeps playing

Related Links

Open image in Fancybox 2 in fullscreen not sized [SOLVED]
Fancybox 2 multiple titles
Fancybox 2.1.5 doesn't show close button on mobile
Images will not pop up in FancyBox.
Fancybox2 api open() ignores options?
fancyBox 2 Vimeo embedding not working
Jquery Fancybox-media prev and next buttons need three clicks to work
Fancybox quicktimes loading properly locally but not on server
Skip 404 links with fancybox2
Fancybox data-fancybox-type=“iframe” and Strict XHTML Doctype
Fancybox 2 Title “Inside” on YouTube (iframe)?
fancy box prev and next buttons // how to show in some and not others
Fancybox 2 not showing when calling .open()
Audio continues after fancyBox closes
fancybox 2 & IE8 - no background overlay
fancybox in ie9 displaying left bottom

Categories

HOME
multithreading
gitlab
deployment
hook
sqlite-net-extensions
yahoo-oauth
amazon-ecs
convolution
fancybox-3
leiningen
vaadin7
database-replication
alpine
lldb
jtextfield
virtualdub
info.plist
delicious-api
stormpath
karaf
avcapturesession
jmonkeyengine
dartium
qwerty
libvpx
service-discovery
estimote
password-encryption
import-from-excel
thin
babel-core
qwt
youcompleteme
upstart
celery-task
blogengine.net
return-value
sqlclient
sqlbulkcopy
memory-alignment
dynamics-sl
sonarlint-vs
deadbolt-2
angular-cache
sts-springsourcetoolsuite
database-optimization
trash
measures
thrust
mongocsharpdriver
mutation-observers
fouc
rgeo
emailrelay
0xdbe
gadt
phalanger
terminfo
marmalade
poller
srs
java.nio.file
xsockets.net
spring-io
ruby-datamapper
dataadapter
ocunit
anonymous-methods
path-separator
cascalog
armcc
onsubmit
removeclass
nsobject
stage
iphone-web-app
jmock
floating
html-input
visitor-statistic
createwindow
yagni
zend-decorators
windows-live-messenger

Resources

Mobile Apps Dev
Database Users
javascript
java
csharp
php
android
MS Developer
developer works
python
ios
c
html
jquery
RDBMS discuss
Cloud Virtualization
Database Dev&Adm
javascript
java
csharp
php
python
android
jquery
ruby
ios
html
Mobile App
Mobile App
Mobile App