Changing video tag src attributes will fail in IE9 if source elements…

… are present. It will always play the first source even if you set this.el.src. We must remove the source elements before trying to change the src attribtue programatically.

src/resolutions.js

@@ -19,11 +19,6 @@ _V_.merge(_V_.Player.prototype, {
     // remember our position in the current stream
     var curTime = this.currentTime();
 
-    // unloading the tech might 'technically' (hehe) be unnecessary
-    // but ensures that we don't have residual mess from the last
-    // playback
-    this.unloadTech();
-
     // reload the new tech and the new source (mostly used to re-fire
     // the events we want)
     this.loadTech(this.techName, {src: new_source.src});

tech/html5/html5.js

@@ -37,6 +37,14 @@ _V_.html5 = _V_.PlaybackTech.extend({
     this.triggerReady();
   },
 
+  removeSources: function(el){
+    var srcs = el.getElementsByTagName("source");
+
+    for(var i=0;i<srcs.length;i++){
+      el.removeChild(srcs[i]);
+    }
+  },
+
   destroy: function(){
     this.player.tag = false;
     this.removeTriggers();
@@ -77,6 +85,11 @@ _V_.html5 = _V_.PlaybackTech.extend({
       }
     }, this);
 
+    // IE9 prefers the source elements, if present, over programatic
+    // attempts attempts to change the video src attribute. IE9 will
+    // fail to swap sources unless we remove the source elements. we
+    // have already parsed the relevant data out of them anyway.
+    this.removeSources(el);
     return el;
   },