Saturday 15 March 2014

Fancybox quicktimes loading properly locally but not on server -


When I upload it to a server, I am unable to get Fancybox to load the video in lightbox. It works perfectly when I test it locally. I did this which I believe is a vanilla installed and it still does not work. I have tried using different hosts and both Firefox and Safari.

Here is an installed.

And here is my code:

  & lt;! Doctype html & gt; & Lt; Html & gt; & Lt; Top & gt; & Lt; Meta charset = "UTF-8" & gt; & Lt; Title & gt; Untitled document & lt; / Title & gt; & Lt ;! - jQuery Library - & gt; & Lt; Script type = "text / javascript" src = "in / jquery-1.6.1.min.js" & gt; & Lt; / Script & gt; & Lt; / Script & gt; & Lt ;! - fancybox - & gt; & Lt; Link href = "/ fancybox2 / source / helpers / jquery.fancybox-thumbs.css" media = "screen" rel = "stylesheet" type = "text / css" & gt; & Lt; Link href = "/ fancybox2 / source / jquery.fancybox.css" media = "screen" rel = "stylesheet" type = "text / css" & gt; & Lt; / Link> & Lt; Link href = "/ fancybox2 / source / helpers / jquery.fancybox-buttons.css" media = "screen" rel = "stylesheet" type = "text / css" & gt; & Lt; / Link> & Lt; Script type = "text / javascript" src = "/ fancyBox2 / lib / jquery.mousewheel-3.0.6.pack.js" & gt; & Lt; / Script & gt; & Lt; Script type = "text / javascript" src = "/ fancyBox2 / source / jquery.fancybox.pack.js" & gt; & Lt; / Script & gt; & Lt; Script type = "text / javascript" src = "/ fancybox2 / source / helpers / jquery.fancybox-buttons.js" & gt; & Lt; / Script & gt; & Lt; Script type = "text / javascript" src = "/ fancyBox2 / source / helpers / jquery.fancybox-media.js" & gt; & Lt; / Script & gt; & Lt ;! - * While using Internet Explorer * Quicktime is not supported in Fancybox - & gt; & Lt; Script type = "text / javascript" & gt; & Lt ;! - To play Quicktime, class = "fancybox-qt" - & gt; $ (". Fancybox-qt") Fancybox ({width: 640, height: 340, first load: function () {var href = this.href, width = this.width, height = this.height; // Check Quictime movie and change content if (href.indexOf ('.mov')! = -1) {this.content = '& lt; object width = "' + width + '" height = "' + height + '" pluginspage = "http: //www.apple. Com / quicktime / download "data =" '+ href +' "type =" video / quicktime "> gt; & lt; param name =" autoplay "value =" true "& gt; & lt; ultimate name =" scale Ultimate name = "true"> Ultimate name = "capable javascript" value = "true" & gt; & lt; alt name = "src" value = "value =" tofit " '+ Href +' "& g T; & lt; param name = "loop" value = "false"> gt; & lt; / object & gt; '; this.Type =' html ';}}}); & Lt; / Script & gt; & Lt ;! - Category = "Various fashionbox.frames" - & gt; & Lt; Script type = "text / javascript" & gt; $ (Document). $ (".discount"). Fancybox ({maxWidth: 800, maxHeight: 600, width: '90%', height: '90%', openface: 'fade' close effect: 'fade'});}); & Lt; / Script & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt ;! - Example of relative url quicktime video - & gt; & Lt; Class = "fancybox-qt" title = "Suwappu" href = "video / birds_ae.mov" & gt; & Lt; Img src = "video / cycling_larg.jpg" width = "200" height = "115" & gt; & Lt; / A & gt; & Lt; / Body & gt; & Lt; / Html & gt;   

I have seen some similar questions on the Stackworflow, but no one has a similar problem.

Any help would be appreciated.

I found it below - a corrupted JS file which only causes problems on the server with fresh files The problem was fixed by changing everything.

No comments:

Post a Comment