Cambia dinámicamente el video incorporado en IE/Chrome (funciona en Firefox)

Question

Estoy tratando de cambiar dinámicamente un video incrustado en una página. Está funcionando en Firefox pero por alguna razón no funciona en IE y Chrome (combinación extraña). Aquí está el HTML:

<object id="viewer" width="575" height="344"> 
     <param name="wmode" value="transparent" /> 
     <param name="movie" value="http://www.youtube.com/v/Lmn94kn08Lw&hl=en&fs=1&color1=0x006699&color2=0x54abd6&rel=0" /> 
     <param name="allowFullScreen" value="true" /> 
     <embed id="embeddedPlayer" src="http://www.youtube.com/v/Lmn94kn08Lw&hl=en&fs=1&color1=0x006699&color2=0x54abd6&rel=0" type="application/x-shockwave-flash" allowfullscreen="true" width="575" height="344" wmode="transparent"></embed> 
    </object> 

Y aquí está mi código javascript. Un enlace se hace clic para cambiar el video:

 $("#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 
      } 
     ); 

Como dije los vídeos están cambiando perfectamente en Firefox pero en IE y Chrome no pasa nada. ¿Algunas ideas?

Answer 1

Finalmente descubrimos algo que funciona en IE, Firefox y Chrome.

Parece un poco inusual hacerlo de esta manera, pero funciona en IE8/Firefox/Chrome, así que me parece bien.

$("#video a").click(
      function() { 
       var videoAddress = $(this).attr("href"); 

       $("#media-active").html(" "); 
       $("#media-active").html('<object id="viewer" width="575" height="344"><param name="wmode" value="transparent" />' + 
     '<param name="movie" value="' + videoAddress + '" /><param name="allowFullScreen" value="true" />' + 
     '<embed id="embeddedPlayer" src="' + videoAddress + '" type="application/x-shockwave-flash" allowfullscreen="true" width="575" height="344" wmode="transparent"></embed></object>'); 

       return false; // stop the default link so it just reloads in the video player 
      } 
); 

Answer 2

La etiqueta <embed> se utiliza para compatibilidad con versiones anteriores. Intenta cambiar el valor de param en su lugar.

$("#viewer param[name=movie]").attr("value", videoAddress);