title: innerHTML flash video not loading problem
body: <p>when the "preview" link is clicked it is meant to change the video script and video swf using the innerHTML method, however in IE 7+ the flash seems to appear but never loads the video i.e. it just stays white.</p>
  
  <pre><code>&lt;script&gt;
  function changeVideo(filename,script) {document.getElementById('video').innerHTML =
  '&lt;object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
  codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
  width="610" height="400" id="movie" align=""&gt;&lt;param name="'+filename+'"
  value="'+filename+'.swf"&gt;&lt;embed src="'+filename+'.swf" quality="high" width="610"
  height="400" name="'+filename+'" align="" type="application/x-shockwave-flash" plug
  inspage="http://www.macromedia.com/go/getflashplayer"&gt;';
  document.getElementById('mainText').innerHTML = script;
  }
  &lt;/script&gt;
  
  --//--
  
   &lt;div id="video"&gt;
  
   &lt;/div&gt;
  
   &lt;div id="mainText"&gt;
   &lt;p style="margin-top:0px;"&gt;Some Text&lt;/p&gt;
   &lt;/div&gt;
  
   &lt;div id="videoSelector"&gt;
      &lt;div class="videoPolaroid"&gt;
         &lt;div class="videoThumb"&gt;&lt;img src="images/preview-image.jpg" /&gt;&lt;/div&gt;
         &lt;div class="videoCaption"&gt;Caption&lt;/div&gt;
         &lt;div class="videoPreview"&gt;&lt;a href="#" onclick="changeVideo('robots','&lt;p&gt;&lt;b&gt;Some more text&lt;\/b&gt;&lt;\/p&gt;'); return false;"&gt;Preview&lt;/a&gt;&lt;/div&gt;
         &lt;div class="videoDownload"&gt;&lt;a href="#"&gt;Download&lt;/a&gt;&lt;/div&gt;
      &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>I intended for the javascript to take 2 parameters, the video file name and the HTML text that's to be placed in the "mainText" div.</p>
  
  <p>Any help would be greatly appreciated, thanks.</p>