Un titulo un poco largo.
Supongo que me explico bien.
Tengo un div contenedor en el cual hay un video y bajo de este video hay tres links para elegir un video nuevo.
¿como puedo hacer que cuando le des al link de un video de los tres que presento se carge el video correspondiente? Pero sin recargar la pagina.
Yo he pensado en un iframe, pero no se como decirle que al elegir el video correspondiente lo carge en el iframe. Me explicaré un poco mejor:
He creado un div, dentro del cual he puesto
<!--|**caja video-->
<div class="cbb three">
<h1>VideoNoticia:</h1>
<div id='iframe'>
<iframe src='/video/video1.html' frameborder='0' marginheight='0' marginwidth='0' scrolling="no"></iframe>
</div>
<ul id="video">
<li><img src="img/email.png" alt="imagen video1" height="12" width="12"><a href="video/video1.html">videonoticia uno</a>
<li><img src="img/email.png" alt="imagen video2" height="12" width="12"><a href="video/video1.html">videonoticia dos</a>
<li><img src="img/email.png" alt="imagen video3" height="12" width="12"><a href="video/video1.html">videonoticia tres</a>
</li>
</ul>
</div>
pero asi las videonoticias se habren en una ventana nueva y lo que yo quiero hacer es que se habra el video correspondiente en el mismo div sin recargar la pagina.
Bueno espero haberme explicado bien, si alguien sabe como solucionarlo, gracias.