title: jQuery Fancybox and YouTube embeds
body: <p>I'm trying to get a YouTube embed to open up in a Fancybox. I've based it on the code on the Fancybox page — <a href="http://fancyapps.com/fancybox" rel="noreferrer">http://fancyapps.com/fancybox</a></p>
  
  <p>Here is what I have:</p>
  
  <pre><code>&lt;a class="various fancybox" href="https://www.youtube.com/embed/jid2A7ldc_8?autoplay=1"&gt;Youtube (iframe)&lt;/a&gt;
  </code></pre>
  
  <p>And then in <code>call.js</code></p>
  
  <pre><code>$(document).ready(function() {
  
      $(".various").fancybox({
              maxWidth    : 800,
              maxHeight   : 600,
              fitToView   : false,
              width       : '70%',
              height      : '70%',
              autoSize    : false,
              closeClick  : false,
              openEffect  : 'none',
              closeEffect : 'none'
          });
  })
  </code></pre>
  
  <p>But each time I click the link, it just opens up the YouTube video full-screen in the same window... not in a Fancybox</p>
  
  <p>I've check to make sure my Js files are loading and they are, also I'm getting no errors in the FF console.</p>
  
  <p>Can anyone see what I'm doing wrong?</p>