title: Blueimp gallery with both images and youtube video
body: <p>This is the software I am using: <a href="https://github.com/blueimp/Gallery" rel="noreferrer">https://github.com/blueimp/Gallery</a></p>
  
  <p>When I click on a thumbnail that link to the video I get the error sign.</p>
  
  <p>This is my HTML:</p>
  
  <pre><code>&lt;div id="gallery"&gt;
  &lt;!-- main image --&gt;
  &lt;ul class="thumbnails"&gt;
      &lt;li class="span12 margin-bottom-0"&gt;
          &lt;a class="thumbnail center-all" href="http://i.imgur.com/mdqQTPT.jpg" style="max-height: 375px; width: 375px;" data-gallery&gt;
              &lt;img src="http://i.imgur.com/mdqQTPT.jpg" class="main-image"&gt;
          &lt;/a&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  &lt;!-- other images / video --&gt;
  &lt;ul class="thumbnails"&gt; 
      &lt;li class="span6"&gt;
          &lt;a class="thumbnail center-all" href="https://www.youtube.com/watch?v=zv9jHNwaV2E"  style="height: 185px; width: 185px;"&gt;
              &lt;img src="http://i.imgur.com/mdqQTPT.jpg" class="additional-image"&gt;
          &lt;/a&gt;
      &lt;/li&gt;               
  &lt;/ul&gt;
  </code></pre>
  
  <p></p>
  
  <p>I've created a JSFiddle: <a href="http://jsfiddle.net/HhU4K/" rel="noreferrer">http://jsfiddle.net/HhU4K/</a></p>
  
  <p>When I manually enter some data to feed to blueimp, the youtube video works fine (example: <a href="http://jsfiddle.net/HhU4K/1/" rel="noreferrer">http://jsfiddle.net/HhU4K/1/</a> EDIT: this works on my localhost but seems to just show the spinning icon on JSFiddle for me. Hope you guys are able to see the video and not just the spinning indicator.) </p>
  
  <p>When I add a youtube video link to the <code>href</code> of the <code>&lt;a&gt;</code> tag it does not work. Any idea what I'm doing wrong?</p>