modificar div con innerHTML

Buenas tardes,

estoy haciendo una página en la que aparecen numerosos vídeos, con un diseño en que en la parte superior hay un vídeo para poder reproducir en tamaño grande, y el resto de la página son en realidad fotos de los demás vídeos que sirven de "enlace" para poder reproducirlos en vez del vídeo grande inicial.

Para hacerlo había pensado en esto:

Código :

 <div id="videoBig">
       <código iframe para reproducir el vídeo>
      //este código es el que da YouTube, que es donde están losm vídeos
   </div>
   <a href="javascript:void" onclick="video(codigoVideo)"><img src="..."></a>

A parte, en el archivo con las funciones JavaScript tengo:

Código :

function video(codigoVideo){
      var videoActual= "<iframe width='675' height='380' src='http://www.youtube.com/embed/"+codigoVideo+"' frameborder='0' allowfullscreen></iframe>";
      var el=document.getElementById("videoBig");
      el.innerHTML = videoActual;
   }

Si no estoy equivocado, de esta forma se cambia el contenido de div en que aparece el vídeo en grande, que pasaría de ser el vídeo puesto por defecto, a ser el vídeo con el código que se ha clickado por medio de la imagen. ¿no?

Pues no funciona, y no veo el motivo.

No se por que motivo no se esta llevando el valor a la funcion, ... incluso si llamas la funcion para cambiar con el innerHTML a un texto normal, no lo hace....

that suspicious


tambien se me hace raro ya que el GetElementbyID no se si lo tome del HTML o del JS en el que esta incrustado... changos aquí si necesitamos un suuuper experto =P

Me interesa, ¿alguien puede echar una mano aquí?

ajajaja, no hace falta un super experto, no se cambia el contenido de un iframe, se cambia el src
por ende
var el=document.getElementById("videoBig");
el.src = videoActual;

espero te funque, saludos.