title: VideoJS and swfobject embedding issue
body: <p>I'm using <a href="http://videojs.com" rel="noreferrer">VideoJS</a> and <a href="http://code.google.com/p/swfobject/" rel="noreferrer">SWFObject</a> to embed videos. The idea is that VideoJS will try to use the HTML5 video tag and will fallback on Flash if it is not supported. I'm trying to use SWFObject to embed the Flash to use as fallback. Here's the relevant code:</p>
  
  <pre><code>&lt;ul id="client_gallery"&gt;
  &lt;% if PortfolioMedia %&gt;
      &lt;% control PortfolioMedia %&gt;
      &lt;% if VideoFile %&gt;
          &lt;li style="width:{$VideoWidth}px;height:{$VideoHeight}px"&gt;
              &lt;div class="video-js-box"&gt;
                  &lt;video class="video-js" width="$VideoWidth" height="$VideoHeight" controls preload&gt;
                      &lt;source src="$VideoFile.URL" type="video/mp4" /&gt;
                      &lt;div id="flash_player"&gt;&lt;/div&gt;
                      &lt;script type="text/javascript"&gt;
                      var flashvars = {
                          'file': "$VideoFile.URL"
                      };
  
                      var params = {
                          'allowfullscreen': "true",
                          "wmode": "transparent"
                      };
  
                      var attr = {
                          'id': 'f_player',
                          'name': 'f_player'
                      };
  
                      swfobject.embedSWF('/portfolio/javascript/jwplayer/player.swf', 'flash_player', '$VideoWidth', '$VideoHeight', '9', '', flashvars, params, attr, function(e){
                      });
                      &lt;/script&gt;
                  &lt;/video&gt;
              &lt;/div&gt;
          &lt;/li&gt;
          &lt;% end_if %&gt;
      &lt;% end_control %&gt;
  &lt;% end_if %&gt;
  &lt;script type="text/javascript"&gt;
      $(function(){
          VideoJS.setupAllWhenReady();
      });
  &lt;/script&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>The other notation is from the CMS Silverstripe, which is irrelevant in this issue. This works fine in Chrome, Safari, and IE but not in Firefox. In Firefox all I get is an empty container, as if it was trying to use the <code>&lt;video&gt;</code> tag but couldn't load a compatible source.</p>
  
  <p>It is not embedding Flash at all, and I know the swfobject code is working because if I use just the swfobject code, not within the <code>&lt;video&gt;</code> tag, it works perfectly. So the problem is: VideoJS won't fallback to code embedded by swfobject. But why?</p>