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.