title: Fancybox Vimeo shows a white screen on click
body: <p>I have added a vimeo popup to my home page. When you click play the box shows up but its an all white box. No error messages popup there or in dreamweaver.I am viewing this in google chrome, its a white box. In Safari it continues to load and video never shows. When I change the link to a youtube video...it works just fine. Here is the code.</p>
  
  <pre><code>`&lt;a class="fancybox fancybox.iframe" href="http://vimeo.com/72441143"&gt;&lt;img src="../MSK-Site/Graphics/play.png" style="position:fixed; left:550px; bottom:450px;" /&gt;&lt;/a&gt;`
  </code></pre>
  
  <p>here is the jquery</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function(){
      $(".fancybox").fancybox({
          width   :   '70%',
          height  :   '70%'
          });
      });
  </code></pre>
  
  <p></p>
  
  <hr>
  
  <p>Ok This is what I have in response to your answer- JFK</p>
  
  <pre><code>&lt;script type="text/javascript"    
  src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"&gt;&lt;/script&gt;   
  &lt;link rel="stylesheet" type="text/css" media="screen" href="../MSK-Site/js/fancy-   
  box/source/jquery.fancybox.css"&gt;
  &lt;script type="text/javascript" src="../MSK-Site/js/fancy-
  box/source/jquery.fancybox.pack.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="../MSK-Site/js/fancy-
  box/source/helpers/jquery.fancybox-media.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>and</p>
  
  <pre><code>&lt;a class="fancybox fancybox.iframe" href="http://player.vimeo.com/video/72441143?    
  autoplay=1"&gt;&lt;img src="../MSK-Site/Graphics/play.png" style="position:fixed; left:550px;   
  bottom:450px;" /&gt;&lt;/a&gt;
  
  &lt;script type="text/javascript"&gt;
  $(document).ready(function () {
      $(".fancybox").fancybox({
          width: '70%',
          height: '70%',
          helpers: {
              media: {}
          }
      });
  });
  &lt;/script&gt;
  </code></pre>