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()" />
Código:
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).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); }
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?