Fancybox quicktimes在本地正确加载，但不在服务器上

我无法让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好几个类似的问题，但没有一个似乎有同样的问题，因为这。

任何帮助，将不胜感激。

来源

2013-06-23 Rob Robinson

您的页面看起来像一行代码。似乎你的JavaScript代码因此被注释掉了。 –

将div封装在div中没有区别。问题依然不幸。我已经放弃了所有其他标记和CSS，试图消除任何问题。 –

我到了它的底部 - 一个似乎只会在服务器上导致问题的损坏的js文件。用新文件替换所有内容解决了问题。

来源

2013-06-23 13:13:16

Fancybox quicktimes在本地正确加载，但不在服务器上

回答

相关问题