title: Dynamically change embedded video src in IE/Chrome (works in Firefox)
body: <p>I'm trying to dynamically change an embedded video on a page. It's working in Firefox but for some reason it's not working in IE and Chrome (strange combination). Here's the HTML:</p>
  
  <pre><code>   &lt;object id="viewer" width="575" height="344"&gt;
          &lt;param name="wmode" value="transparent" /&gt;
          &lt;param name="movie" value="http://www.youtube.com/v/Lmn94kn08Lw&amp;hl=en&amp;fs=1&amp;color1=0x006699&amp;color2=0x54abd6&amp;rel=0" /&gt;
          &lt;param name="allowFullScreen" value="true" /&gt;
          &lt;embed id="embeddedPlayer" src="http://www.youtube.com/v/Lmn94kn08Lw&amp;hl=en&amp;fs=1&amp;color1=0x006699&amp;color2=0x54abd6&amp;rel=0" type="application/x-shockwave-flash" allowfullscreen="true" width="575" height="344" wmode="transparent"&gt;&lt;/embed&gt;
      &lt;/object&gt;
  </code></pre>
  
  <p>And here's my javascript code. A link is clicked to change the video:</p>
  
  <pre><code>        $("#video a").click(
              function() {
                  var videoAddress = $(this).attr("href");
                  $("#embeddedPlayer").attr("src", videoAddress);
                  return false; // stop the default link so it just reloads in the video player
              }
          );
  </code></pre>
  
  <p>Like I said the videos are changing perfectly in Firefox but in IE and Chrome nothing happens. Any ideas?</p>