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

“Clicking” to advance image on a mobile device
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

Categories

HOME
ms-access
atom-editor
relative-path
raspberry-pi
iot
platform-builder
android-4.4-kitkat
rsync
filtering
spring-cloud-stream
malloc
v8
baqend
azure-media-services
dacpac
spring-kafka
export-to-csv
ups
hapi
opentracing
progressive-web-apps
serilog
interop
format-specifiers
selectedindexchanged
traffic
windows-error-reporting
publish
windowbuilder
procdump
bpel
nouislider
bcd
column-family
code-contracts
fusionpbx
twitch
dism
android-tabhost
isbn
midl
.net-4.6.2
executenonquery
auto-update
dotcover
integrity
recursive-datastructures
nativeapplication
font-size
android-cursor
namecoin
sqlbulkcopy
imanage
quartz-composer
deadbolt-2
paypal-express
nsviewcontroller
lua-5.1
itextpdf
spim
reactive-banana
atk4
quicklisp
0xdbe
device-orientation
umbraco6
qcodo
terminfo
has-many-through
p4java
bundles
datagridviewcolumn
mbr
batterylevel
padarn
interface-orientation
delphi-6
nsnetservice
propagation
sql-server-profiler
mongomapper
digest-authentication
virtual-functions
eqatec
paul-graham

Resources

Database Users
RDBMS discuss
Database Dev&Adm
javascript
java
csharp
php
android
javascript
java
csharp
php
python
android
jquery
ruby
ios
html
Mobile App
Mobile App
Mobile App