title: jquery fancybox firefox dimensions issue
body: <p>I am using jquery fancybox to show an overlay video on my website. The following jquery code works fine in Chrome but in Firefox, the video is diminished and the dimensions of the container holding the video are diminished. Following is jquery code</p>
  
  <pre><code>$('.fancybox-media').fancybox({
      'type': 'iframe',
      'width': 800,
      'height': 580,
      'autoDimensions':   false,
      helpers     : {
           media: true
      }
  });
  </code></pre>
  
  <p>Below are images from chrome and firefox</p>
  
  <p><img src="https://i.stack.imgur.com/Z2Wth.png" alt="Chrome image"></p>
  
  <p><img src="https://i.stack.imgur.com/iK0W0.png" alt="firefox image"></p>
  
  <p>Any help ins this aspect will be appreciated.</p>