2013-06-23 42 views
0

我無法讓Fancybox在將視頻上載到服務器時將視頻加載到Lightbox中。當我在本地進行測試時,它完美地工作。我已經做了我認爲是它的一個香草安裝,它仍然無法工作。我曾嘗試使用不同的主機以及Firefox和Safari。Fancybox quicktimes在本地正確加載,但不在服務器上

這是一個安裝http://zentube.tv/test2.html

這裏是我的代碼:

<!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> 

我已經看過#2好幾個類似的問題,但沒有一個似乎有同樣的問題,因爲這。

任何幫助,將不勝感激。

+0

您的頁面看起來像一行代碼。似乎你的JavaScript代碼因此被註釋掉了。 –

+0

將div封裝在div中沒有​​區別。問題依然不幸。我已經放棄了所有其他標記和CSS,試圖消除任何問題。 –

回答

0

我到了它的底部 - 一個似乎只會在服務器上導致問題的損壞的js文件。用新文件替換所有內容解決了問題。

相關問題