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

“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
osgi
lodash
office365api
programming-languages
angular-ui-bootstrap
blueprintjs
wamp
fancybox
pheatmap
basic
cloudkit
here-api
spring-xd
izpack
moonmail
iolanguage
reverse-proxy
zapier
visjs
physics-engine
excel-2007
devops
lcd
emgucv
sqlcipher
minitab
elasticsearch-ruby
quote
delicious-api
socialengine
javascriptcore
openoffice.org
geopositioning
appfabric
vxworks
serverside-rendering
withings
c11
twitch
greenrobot-eventbus
chain-builder
termination
blogengine.net
powercli
nbconvert
hittest
radtreelist
url-masking
multi-level
connect-by
make-install
packagist
bgp
design-by-contract
revolution-r
prerequisites
google-places
thredds
quicklisp
vstest.console.exe
jsapi
gui-test-framework
typeof
navigationservice
phpthumb
concurrent-collections
meteor-velocity
jmapviewer
listings
eclipse-memory-analyzer
seed
xamlparseexception
plasma
comaddin
lcs
drools-planner
http-unit
factory-method
e4x
automount
wse3.0
php-parser
stage
xmlspy
xdomainrequest
appender
gdlib
imac
createwindow
gin
nsviewanimation
mirah
multi-tier
exchange-server-2003
adrotator
ctp4

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