title: Fancybox3 Youtube videos
body: <p>I spent a long time getting familiar with <code>fancybox2</code> to display Youtube videos and slide shows now V3 has arrived and not being code savvy I'm wondering if the code I use needs to be changed given that there appears to be only 3 files required: js, css &amp; jquery.</p>
  
  <p>Currently using this script:</p>
  
  <pre><code>// fancybox for youtube
  $(".youtube").fancybox({
      type: 'iframe',
      maxWidth: 853,
      maxHeight: 480,
      padding: 0,
      openEffect: 'elastic',
      openSpeed: 250,
      closeEffect: 'elastic',
      closeSpeed: 150,
      closeClick: true,
      closeBtn: true,
      iframe: {
          preload: false // fixes issue with iframe and IE
      },
      helpers: {
          overlay: {
              css: { 'background': 'rgba(80, 163, 130, 0.9)' 
              }
          }
      }
  });
  </code></pre>
  
  <p>You will note I change the colour and the opacity of the overlay to fit in with my web site design and from what googling I've done I understand this may have changed again under version3 but I can't find any documentation on it.
  The html calling the script is:</p>
  
  <pre><code>&lt;a class="youtube" href="https://www.youtube.com/embed/U6vutH_9e_0?rel=0&amp;fs=1&amp;autoplay=0" frameborder="0" allowfullscreen&gt;&lt;/a&gt;
  </code></pre>