Buenas, estoy preparando una página web en la que hay insertados videos de youtube.
Los videos están categorizados por un menu desplegable, y al hacer click en un video se oculta el anterior.
Utilizo las funciones mostrarMe y ocultarMe para poder ver las categorías y subcategorías del menu.
function mostrarMe(a){
var e=document.getElementById(a);
if(!e)return true;
e.style.display="block";
return true;
}
function ocultarMe(a){
var e=document.getElementById(a);
if(!e)return true;
e.style.display="none";
return true;
}
Ejemplo de linea del menu.
<td onclick="mostrarMe('video1');ocultarMe('video2')"> Video 1</td>
<td onclick="mostrarMe('video2');ocultarMe('video1')"> Video 2</td>
Los videos están en etiquetas div ocultas, de forma que al hacer click en una, se oculta la otra.
Todo esto me funciona perfectamente, aunque lo haya explicado tan mal xD, el tema es que los videos son de Youtube, y cuando le doy a reproducir uno, y me cambio en el submenu para ver otro (antes de que el primero haya terminado), me oculta la imagen perfectamente del video que estaba viendo y me pone la del segundo video que he elegido, pero el sonido sigue reproduciéndose por detrás, por lo que imagino que el primer video realmente no se ha parado sino ocultado.
Me gustaría saber cómo puedo hacer que el video se pare al cargar otro.
Gracias, y siento la explicación tan penosa.
