title: Youtube/vimeo iframe won't play in firefox
body: <p>I am embedding a youtube/vimeo video onto my site with an iframe.</p>
  
  <pre><code>&lt;iframe src="http://www.youtube.com/embed/{$entity-&gt;getYoutubeVideoID()}" ...&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>The <code>{$entity-&gt;getYouTubeVideoID()}</code> bit is smarty template code syntax. I don't think that is the problem because the video uploads and plays fine in Chrome and IE9 and up. The video also uploads to firefox and safari fine, meaning I can see the video and it's the right one. But when I click the video it does not play in either firefox or safari.</p>
  
  <p>What is interesting is that the other events are triggered. That is, on mouseover the play buttons on the videos change. On the youtube videos, the button in the middle with the play icon starts out as grey and on mouseover turns to red. So the iframe is registering events. But, it won't play on click. I have no idea where to go from here.</p>
  
  <p>The only other event handlers I have on the iframe is this one but I doubt that is messing it up: </p>
  
  <pre><code>$(window).blur(function(){
      if($('iframe').is(':focus')){
          mySwipe.slide(mySwipe.getPos(), 1000);
      }
  });
  </code></pre>
  
  <p>(mySwipe refers to the swipe.js slideshow library)</p>