Problems with featherlight.js
<p>I'm making a video gallery with videos from Vimeo. The gallery has thumbnails, and the idea is that when clicked the video will open up in an iframe in a modal window.</p>

<p>I have downloaded the featherlight.js plugin for this, and it's kind of worked but I've got a few problems. Firstly, the video is tiny. And it doesn't look like a Vimeo video, it just looks very strange. I basically just want it to look like the iframe example on the featherlight homepage, can anyone tell me how to do this? Or does anyone know anywhere that has more detailed instructions on how to use this plugin?</p>

<p>jsfiddle:
<a href="https://jsfiddle.net/ajbates/9dgr4nmc/" rel="nofollow">https://jsfiddle.net/ajbates/9dgr4nmc/</a></p>

<pre><code>&lt;div class="image-container"&gt;
          &lt;div class="thumb"&gt;
            &lt;a href="https://player.vimeo.com/video/162985476?autoplay=1&amp;color=ffae00&amp;byline=0&amp;portrait=0" width="900" height="506" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen data-featherlight="iframe"&gt;
              &lt;img src="img/butlins.png" alt="Bloc Festival"&gt;
              &lt;div class="photo-overlay"&gt;
                &lt;h3&gt;Dancing On Carpets&lt;/h3&gt;
                &lt;p&gt;Documentary Trailer&lt;/p&gt;
              &lt;/div&gt;
            &lt;/a&gt;
            &lt;/div&gt;
          &lt;/div&gt;
</code></pre>