title: Can't load YouTube video in Fancybox - blank page
body: <p>Folks,</p>
  
  <p>I'm trying to open a youtube video in fancybox using the following code:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;// &lt;![CDATA[
      jQuery(document).ready(function(){      
          jQuery("a.video").fancybox({            
                  'hideOnContentClick'    : false,
                  'width'         : '50%',
                  'height'        : '50%',
                  'autoScale'     : false,
                  'transitionIn'      : 'none',
                  'transitionOut'     : 'none',
                  'type'          : 'iframe'
          });
      });
  // ]]&gt;&lt;/script&gt;
  </code></pre>
  
  <p>The fancybox iframe gets called by:</p>
  
  <pre><code>&lt;a class="video" href="http://www.youtube.com/watch?v=L9szn1QQfas"&gt;&lt;img title="sometitle" src="http://pathToImage.png" alt="" width="140" height="103" /&gt;&lt;/a&gt;
  </code></pre>
  
  <p>The fancybox pops up just fine. However, when a YouTube video is called, a white blank iframe is displayed.</p>
  
  <p>When replacing the YT URL with <a href="http://www.amazon.com" rel="nofollow">http://www.amazon.com</a> for example, the Amazon page gets loaded just fine. When using www.youtube.com (YT index page) or www.google.com, again a blank iframe is loaded.</p>
  
  <p>I've been searching via google and stackoverflow for hours but couldn't find a solution that worked.</p>
  
  <p>Help very much appreciated.</p>
  
  <hr>
  
  <p>EDIT 02/01/2012: Sudhir, tanhuong, JFK, thanks for posting your answers. Much appreciated.</p>
  
  <p>I used JFKs solution which worked great. Sorry, as a newbie here on SO I can't rate your answers. Otherwise I sure had.</p>