Ver Mensaje Individual
  #2 (permalink)  
Antiguo 15/05/2011, 17:44
InKarC
 
Fecha de Ingreso: noviembre-2005
Mensajes: 426
Antigüedad: 18 años, 5 meses
Puntos: 87
Respuesta: Expandir video de youtube al hacer click

Es con javascript; aqui una forma sencilla, simplemente hay que pasarle el ID del video (es facilmente identificable en la direccion del mismo) en el atributo rel.

Código HTML:
Ver original
  1. <a rel="IcF-OsJnkjk" onclick="open_video(this); return false;" href="#">Mostrar Video 1</a>
Código Javascript:
Ver original
  1. function open_video(a){
  2.     a.innerHTML = '<iframe width="425" height="349" src="http://www.youtube.com/embed/'+a.rel+'?autoplay=1" frameborder="0" allowfullscreen></iframe>';
  3.     a.onclick = null;
  4.     a.href = null;
  5. }

Lo puede ver funcionando aqui: http://jsfiddle.net/DCDWS/ y si quiere que se pueda cerrar: http://jsfiddle.net/XdfFS/

Última edición por InKarC; 15/05/2011 a las 18:03