title: Why is FancyBox Youtube video comsuming the screen?
body: <p>I have fancybox with a youtube iframe inside. When you click on the video it opens up to fit the whole screen. Any ideas on why this is happening?</p>
  
  <p>here are the scripts and links</p>
  
  <pre><code>&lt;link rel="stylesheet" href="/fancybox/source/jquery.fancybox.css?v=2.0.4" type="text/css" media="screen" /&gt;
  &lt;script type="text/javascript" src="/fancybox/source/jquery.fancybox.pack.js?v=2.0.4"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>here is the jquery</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function() {
      $(".various").fancybox({
          maxWidth    : 800,
          maxHeight   : 600,
          fitToView   : false,
          width       : '70%',
          height      : '70%',
          autoSize    : false,
          closeClick  : false,
          openEffect  : 'none',
          closeEffect : 'none'
      });
  });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>and the markup</p>
  
  <pre><code>&lt;div&gt;
          &lt;a class="various fancybox.iframe" href="http://www.youtube.com/embed/mvJNlFTswKQ?rel=0?autoplay=1" title="teaser" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','Images/video_tour2.jpg',1)"&gt;&lt;img src="Images/video_tour1.jpg" alt="take a video tour" name="Image6" width="340" height="81" border="0" id="Image6" /&gt;&lt;/a&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>thanks!</p>