Buenas, queria hacer un carrusel de videos, en el que tengo un video en un iframe, y 5 imagenes pequeñas debajo de este video, lo que queria hacer es que al clicar en una imagen, se me cambiase el video por otro.
He hecho esto:
Código Javascript
:
Ver originalfunction cambiarVideo(video){
document.getElementById('CampoDestacado').src = video;
}
Código HTML:
Ver original<iframe id="campoDestacado" name="campoDestacado" width="500px" height="300px" src="http://www.youtube.com/watch?v=9bZkp7q19f0"
frameborder="0" allowfullscreen
style="margin-top:30px;margin-left:8px;z-index:1">
<div style="height:10px;"></div> <table style="width:60%"> <td style="width:60%"></td> <img id="1" name="1" src="img/slideshow/cliente/1.jpg" title="" style="width:40px;height:40px;cursor:pointer;" onClick="cambiarVideo('http://www.youtube.com/watch?v=mh8MIp2FOhc')" ></img> <img id="2" name="2" src="img/slideshow/cliente/1.jpg" title="" style="width:40px;height:40px;"></img> <img id="3" name="3" src="img/slideshow/cliente/1.jpg" title="" style="width:40px;height:40px;"></img> <img id="4" name="4" src="img/slideshow/cliente/1.jpg" title="" style="width:40px;height:40px;"></img> <img id="5" name="5" src="img/slideshow/cliente/1.jpg" title="" style="width:40px;height:40px;"></img>
no se porque no funciona eso, imagino que habra algo mal expresado, espero que puedan ayudarme
un saludo y muchas gracias