Que tal gentes!!
En el html cargo una película Quicktime de la siguiente manera (sólo como ejemplo) junto a un botón:
Código HTML:
<embed src="video.mov" width="200" height="200" id="video" />
<input type="button" value="Cambiar" onclick="Change()" />
Al hacer click en el botón se ejecuta la siguiente función JS:
Código:
function Change(){
// Capturo la película Quicktime
pelicula = document.getElementById('video');
// Genero un nuevo elemento EMBED vacío
nuevo = document.createElement('EMBED');
// Reemplazo la película original por el nuevo elemento vacío
pelicula.parentNode.replaceChild(nuevo, video);
}
La lógica diría que al ejecutarse este Javascript desaparece el EMBED con la película QT, y en su lugar aparece un EMBED vacío. En Firefox tiene el comportamiento esperado. Sin embargo en Internet Explorer el EMBED original no desaparece, y el nuevo EMBED se carga por debajo del primero (es decir, la película Quicktime cubre por encima al nuevo EMBED vacío).
Esto sólo ocurre cuando estoy cargando un video (mov, ram, etc.). Si hago esto mismo con un PDF o una pelicula Flash,
replaceChild() actúa correctamente.
¿Alguien sabe por qué ocurre eso con el video?