title: MediaElement.js dynamic content not working in IE9
body: <p>I'm trying to use MediaElement.js on a site and everything works great in every browser but IE, most specifically IE9 (I'm not too concerned with supporting below IE9 at the moment).  I'm populating the ME dynamically which I've read can cause problems in IE specifically, but I'm just not sure if there is a workaround.  The reason I'm doing it this way is because this is a portfolio site where all project data gets loaded through a getJSON call and once loaded all projects get populated with their appropriate data and created on the fly.  There are several video projects.  I've dumbed the code down to an example outside of my project which essentially goes through this same behavior.  If I just write the HTML out and control in JS it works but when I create the HTML through JS and then try to play I get the error log (in the creation of ME player in the code).  Here is the code:</p>
  
  <pre><code>$(function() {
              var details = {
                      width: 640,
                      height: 480,
                      src: 'work/television/1'
                  },
                  $body = $('body'),
                  $vid = $('&lt;video width="' + details.width + '" height="' + details.height + '" preload="none" id="vidPlayer1"&gt;&lt;/video&gt;'),
                  $mp4 = $('&lt;source src="' + details.src + '.mp4" type="video/mp4" title="mp4"&gt;'),
                  $webm = $('&lt;source src="' + details.src + '.webm" type="video/webm" title="webm"&gt;'),
                  $ogg = $('&lt;source src="' + details.src + '.ogv" type="video/ogg" title="ogg"&gt;'),
                  $flash = $('&lt;object width="' + details.width + '" height="' + details.height + '" type="application/x-shockwave-flash" data="swf/flashmediaelement.swf"&gt;&lt;param name="movie" value="swf/flashmediaelement.swf"&gt;&lt;param name="flashvars" value="controls=true&amp;file=' + details.src + '.mp4"&gt;&lt;/object&gt;'),
                  $error = $('&lt;p&gt;The available video formats are not supported by your browser. :(&lt;/p&gt;'),
                  $controls = $('&lt;div class="videoControls playBtn"&gt;&lt;/div&gt;');
  
              $body.append($controls);
  
              $vid.append($mp4);
              $vid.append($webm);
              $vid.append($ogg);
              $vid.append($flash);
              $vid.insertAfter($controls);
  
              var vidPlayer = new MediaElementPlayer('#vidPlayer1', {
                  features: [],
                  // mode: 'shim',
                  pluginPath: 'swf/',
                  success: function(mediaElement) {
                      console.log('success', mediaElement);
                  },
                  error: function() {
                      console.log('Error loading player.  Please try again.');
                  }
              });
  
              $body.on('click', function(evt) {
                  vidPlayer.play();
              });
          });
  </code></pre>
  
  <p>Any help would be tremendously appreciated.</p>