<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> submenuismael.html </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT>
function mostrar(id)
{
document.getElementById(1).style.display="none";
document.getElementById(2).style.display="none";
document.getElementById(3).style.display="none";
document.getElementById(4).style.display="none";
document.getElementById(5).style.display="none";
document.getElementById(id).style.display="block";
}
</SCRIPT>
</HEAD>
<BODY>
<div style="position:absolute; width:100%; height:100%; margin:0px; padding:0px; left:0px;
right:0px; z-index:0;"><img style="width:100%; height:100%;" src="./Imagenes/fondo1.jpg" alt=""></div>
<div style="font:oblique bold 50% cursive; ">
<table border="2" style="position:relative; align:center; left: 35%; top: 5%; font:oblique bold 560% cursive;">
<tr>
<td>VIDEOS!</td>
</tr>
</table>
<br><br><br><br>
<table border="3" style="position: relative; left: 35%; top: 5%; ">
<tr>
<td align="center"><img height="48" width="64" src="./Imagenes/1.jpg" onclick="mostrar('1')" > </img><br>1 </a> </td>
<td align="center"><img height="48" width="64" src="./Imagenes/2.jpg" onclick="mostrar('2')"></img><br>2</a></td>
<td align="center"><img height="48" width="64" src="./Imagenes/3.jpg" onclick="mostrar('3')" ></img><br>3</a></td>
<td align="center"><img height="48" width="64" src="./Imagenes/4.jpg" onclick="mostrar('4')" ></img><br>4</a></td>
<td align="center"><img height="48" width="64" src="./Imagenes/5.jpg" onclick="mostrar('5')" ></img><br>5</a></td>
</tr>
</table>
<br><br><br><br><br><br><br><br><br><br>
<div align="center" style="display:none;" id="1"><EMBED SRC="./Videos/1.mpg" HEIGHT="300" WIDTH="400" autostart="true" LOOP="false"></div>
<div align="center" style="display:none;" id="2"><EMBED SRC="./Videos/2.mpg" HEIGHT="300" WIDTH="400" autostart="true" LOOP="false"></div>
<div align="center" style="display:none;" id="3"><EMBED SRC="./Videos/3.mpg" HEIGHT="300" WIDTH="400" autostart="true" LOOP="false"></div>
<div align="center" style="display:none;" id="4"><EMBED SRC="./Videos/4.mpg" HEIGHT="300" WIDTH="400" autostart="true" LOOP="false"></div>
<div align="center" style="display:none;" id="5"><EMBED SRC="./Videos/5.mpg" HEIGHT="300" WIDTH="400" autostart="true" LOOP="false"></div>
<br><br>
</OBJECT>
</div>
</body>
</html>
Buenas, esta es mi página.
Me gustaría que al ocultar un DIV con dysplay:none, se detenga la reproduccion de todos los videos salvo el que le mando con la funcion mostrar(X).
Se que hay mucho sobre esto pero no he encontrado nada que se ajuste.
Es un trabajo para clase, no podemos usar JQuerry ni Ajax ni nada.
GRACIAS Y UN SALUDO!