title: setAttribute and video.src for changing video tag source not working in IE9
body: <p>I have literally read every stackoverflow thread regarding changing the video tag source dynamically via javascript in IE9, including the useful but not agreed upon posts <a href="https://stackoverflow.com/questions/7878367/video-tag-not-working-in-ie-9/7905151#7905151">here</a> and <a href="https://stackoverflow.com/questions/6080433/unable-to-change-source-of-video-tag-via-javascript-on-ie9">here</a>, but do feel like there is another solution. Here is the very basic example of what I'm trying to do:</p>
  
  <pre><code>    var video = document.getElementById('video');
      //now, use either of the lines of code below to change source dynamically
  
      video.src = "nameOfVideo";
      //or use...
      video.setAttribute("src", "nameOfVideo");
  </code></pre>
  
  <p>Both of these lines of code are hated thoroughly by Internet Explorer, notably because the src is most definitely being changeed after being checked with a simple video.getAttribute, even though IE is not actually doing anything to switch the video.</p>
  
  <p>Yes, there are claims that with IE, you MUST have the src's listed with the HTML in order to change them after the page has loaded, BUT I have definitely found a thread on stackoverflow that proposed a solution via simple JavaScript. (To my disappointment, I can no longer find the thread that did so....and I've searched everywhere, believe me).</p>
  
  <p>With all that said, if anyone can provide a solution WITHOUT the use of placing all of the video src's within the HTML and instead, dynamically setting/creating the src's using JavaScript as shown above, I would be extremely grateful.</p>
  
  <p>(Or, if you could point me in the direction of the 'missing' overflow thread that tests if the attribute exists in IE, and then somehow set the src via javascript, that will also be appreciated).</p>