fancybox-2


Fancybox quicktimes loading properly locally but not on server


I am unable to get Fancybox to load videos into the lightbox when I upload it to a server. It works perfectly when I test it locally. I have done what I believe is a vanilla install of it and it still doesn't work. I have tried using different hosts and both Firefox and Safari.
Here is an install http://zentube.tv/test2.html.
And here is my code:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
<!-- jQuery library -->
<script type="text/javascript" src="includes/jquery-1.6.1.min.js"></script>
</script>
<!-- fancybox -->
<link href="includes/fancyBox2/source/helpers/jquery.fancybox-thumbs.css" media="screen" rel="stylesheet" type="text/css">
<link href="includes/fancyBox2/source/jquery.fancybox.css" media="screen" rel="stylesheet" type="text/css"></link>
<link href="includes/fancyBox2/source/helpers/jquery.fancybox-buttons.css" media="screen" rel="stylesheet" type="text/css"></link>
<script type="text/javascript" src="includes/fancyBox2/lib/jquery.mousewheel-3.0.6.pack.js"></script>
<script type="text/javascript" src="includes/fancyBox2/source/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="includes/fancyBox2/source/helpers/jquery.fancybox-buttons.js"></script>
<script type="text/javascript" src="includes/fancyBox2/source/helpers/jquery.fancybox-media.js"></script>
<!--**Quicktime not supported in Fancybox when using Internet Explorer-->
<script type="text/javascript">
<!-- to play quicktime MUST HAVE class="fancybox-qt" -->
$(".fancybox-qt").fancybox({
width : 640,
height : 340,
beforeLoad : function() {
var href = this.href,
width = this.width,
height = this.height;
// Check if quictime movie and change content
if (href.indexOf('.mov') != -1) {
this.content = '<object width="' + width + '" height="'+ height + '" pluginspage="http://www.apple.com/quicktime/download" data="'+ href + '" type="video/quicktime"><param name="autoplay" value="true"><param name="scale" value="tofit"><param name="controller" value="true"><param name="enablejavascript" value="true"><param name="src" value="' + href + '"><param name="loop" value="false"></object>';
this.type = 'html';
}
}
});
</script>
<!-- to play media MUST HAVE class="various fancybox.iframe" -->
<script type="text/javascript">
$(document).ready(function() {
$(".various").fancybox({
maxWidth : 800,
maxHeight : 600,
width : '90%',
height : '90%',
openEffect : 'fade',
closeEffect : 'fade'
});
});
</script>
</head>
<body>
<!--example of relative URL quicktime video -->
<a class="fancybox-qt" title="Suwappu" href="video/birds_eye.mov" ><img src="video/cycling_large.jpg" width="200" height="115"></a>
</body>
</html>
I have looked at quite a few similar questions on Stackoverflow, but none seem to have the same problem as this.
Any help would be appreciated.
I got to the bottom of it - a corrupt js file that seemed to only cause problems on the server. Replacing everything with fresh files fixed the problem.

Related Links

Deeper documentation for Fancybox2?
“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

Categories

HOME
pdf
asp.net-core
nullpointerexception
onedrive
q
jira
jpeg
ravendb
autotools
virtualization
windows-10-universal
alignment
vb.net-2010
usergrid
caml
libtiff
solaris-10
graphicsmagick
realex-payments-api
kudan
mmap
icloud-api
rundeck
numerical-methods
tdd
apache-commons-io
status
rst2pdf
gsoap
galsim
twilio-api
asset-pipeline
gammu
vxworks
main
disassembling
sharefile
document.write
hp-ux
nxlog
http-redirect
flashair
osx-mavericks
appcompat
filepicker
python-c-api
hendrix
veracode
epson
chord-diagram
mediaelement
eventkit
watchconnectivity
xcb
google-feed-api
angular-cache
heidisql
skobbler-maps
mathematica-frontend
gstreamer-0.10
lua-5.1
yaws
reactive-banana
intellij-14
mutation-observers
spidermonkey
service-accounts
clipperlib
gadt
onactivityresult
starcluster
valuechangelistener
android-2.2-froyo
balanced-payments
algebraic-data-types
intentservice
pyhdf
dir
gridcontrol
django-nonrel
hungarian-algorithm
plasma
factory-method
tinn-r
browser-detection
onsubmit
dbproviderfactories
gwt-ext
spyware
imac
telerik-scheduler
h.323
nsviewanimation
compiler-specific
nintendo-ds
mtj
virtual-functions
avatar
sustainable-pace
genealogy

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