title: jQuery Fancybox opening over a YouTube video
body: <p>I'm opening fancybox when the page is loaded. If a YouTube video is embed on page it's still visible until I click on prev/next image in fancybox.</p>
  
  <p>Here is the HTML code:</p>
  
  <pre><code>&lt;div id="fancycontainer"&gt;
      &lt;a href="img/normal/01.jpg" rel="fg" class="fg" id="fg_1"&gt;&lt;img src="img/stamp/01.jpg"&gt;&lt;/a&gt;
      &lt;a href="img/normal/02.jpg" rel="fg" class="fg" id="fg_2"&gt;&lt;img src="img/stamp/02.jpg"&gt;&lt;/a&gt;
      &lt;a href="img/normal/03.jpg" rel="fg" class="fg" id="fg_3"&gt;&lt;img src="img/stamp/03.jpg"&gt;&lt;/a&gt;
  &lt;/div&gt;
  &lt;p&gt;&lt;iframe width="420" height="315" src="http://www.youtube.com/embed/P2-VGDF4y18" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;&lt;/p&gt;
  &lt;p&gt;blah blah...&lt;/p&gt;
  </code></pre>
  
  <p>Here is the jQuery code:</p>
  
  <pre><code>$(function() {
      $('.fg').fancybox();
  });
  // autoopen
  $(document).ready(function() {
      $('#fg_1').trigger('click');
  }
  </code></pre>
  
  <p>How can I position the opened fancybox over the youtube video?</p>