无法获得vimeo视频与fancybox一起工作 - 我觉得我已经尝试了一切

时间:2014-01-13 00:34:15

标签: javascript jquery html fancybox

我对html / css和jQuery都很陌生。我想在我的页面上用fancybox打开一个vimeo视频。我已经在stackoverflow上阅读了一堆类似的问题,但没有任何工作。我甚至把我的代码放到了JSFiddle中,它的工作原理。 (http://jsfiddle.net/8hMLb/1/

继承我的代码:

<!DOCTYPE html>
<html lang="en">
<head>


  <link rel="stylesheet" href="fancybox/source/jquery.fancybox.css" type="text/css" media="screen" />
  <!-- Fancybox Javascript -->
  <script type="text/javascript" language="javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
  <script type="text/javascript" language="javascript" src="fancybox/source/jquery.fancybox.js"></script>
  <script type="text/javascript" language="javascript" src="fancybox/source/jquery.fancybox.pack.js"></script>
  <script type="text/javascript" language="javascript" src="fancybox/source/jquery.fancybox-media.js"></script>
  <script type="text/javascript" language="javascript">
  $(document).ready(function() {
      $('.fancybox-media').fancybox({
            openEffect  : 'none',
            closeEffect : 'none',
          helpers : {
              media : {}
          }
      });
  });
  </script>
</head>

<body>
<a class="fancybox-media" href="http://vimeo.com/70926140">Vimeo.</a>
</body>

我已经三重检查了源文件是否正确。它适用于图像,而不是vimeo(或youtube或任何媒体)。它适用于JSFiddle。我完全被这里难过了。任何帮助将不胜感激!

1 个答案:

答案 0 :(得分:0)

事实证明,我在当地工作的事实是这个问题。当我将代码的测试版本上传到实际网站时,它工作正常。我想我的本地环境无法访问vimeo.com或其他东西