Ver Video youtube en ventana emergente HTML

Hola hoy les creare un tutorial con el cual podrán desde un enlace abrir un video youtube en una ventana emergente donde solo se pueda visualizar el video.

editaremos este codigo:

<a title="Ver video" href="javascript:void(0);" onclick="window.open('http://www.youtube.com/watch_popup?v=ET04A5358VU',  'popup', 'top=350, left=480, width=400, height=300, toolbar=NO, resizable=NO, Location=NO, Menubar=NO,  Titlebar=No, Status=NO')"><img src="http://www.fkla.org/img/ver_video.gif" title="Ver video" /></a>

aqui procederemos a editar lo que esta en azul, es el codigo id del video para encontrar esto tan solo debemos de ir a nuestro video youtube y desde donde dice la url copiar despues de ?V= ese será el id tal y como esta resaltado en la siguiente imagen en este caso es 6CDWfxGcpp4:

Si quieres ver la imagen más grande clika en él

Ahora solo nos quedara editar las letras de color rojo las cuales sirven para las dimensiones y en que lugar quieres que aparesca, width es el ancho height el largo, top es la distancia de la ventana con tu monitor de arriba hacia abajo, left es la distancia entre el borde izquierdo de tu monitor y tu ventana.

Por último editar la imagen la cual en el código está en azul, la cual por defecto ya tiene una imagen pero si no les gusta la pueden cambiar sin ningún problema.
de no haber mayores inconvenientes el resultado debe ser parecido a este:



Con este truco ahorramos la velocidad de carga de nuestro blog, espero que les halla gustado.