Cómo abrir los videos en ventanas emergentes

¡ Artículo publicado en el blog El Balcón de Jaime, que pese a ser un blog terminado, es uno de los mejores en truvos blogger. ! Ve la entrada en su blog original.

Abriendo los videos en ventanas emergentes (popup)

Tal vez te interese que tu blog o web cargue lo más rápido posible. Al insertar vídeos en nuestro espacio hacemos que el tiempo de carga se prolongue, provocando así que nuestros visitantes tengan dificultades para visualizar el contenido.

Hoy aprenderás a poner vídeos en ventanas emergentes. Para ello usaremos una imagen que, al hacer clic en ella abrirá el vídeo.

Puedes probar el resultado haciendo clic en la imagen...

Si te gusta, empecemos a realizar el truco...

En youtube, por ejemplo, al ver un vídeo nos aparece un recuadro que dice URL...




Comprobarás que en el recuadro aparece la dirección del vídeo:

http://www.youtube.com/watch?v=-zG1-PmMH8I

Lo único que necesitas para realizar el truco son las cifras indicadas en rojo (que van siempre después de v=)

Este es el código:

<center><a href="javascript:void(0);" title="Clic para ver el video" onclick="window.open('http://www.youtube.com/v/CIFRAS DEL VIDEO&autoplay=1', 'sickg', 'left=390, top=200, width=435, height=354, toolbar=0, resizable=1')"><div align="center"><img src="IMAGEN" title="Clic para ver el vídeo" /></div></a></center>

Sustituye:

CIFRAS DEL VIDEO por las cifras de la dirección de tu vídeo.
IMAGEN por la dirección de tu imagen
Nota

La línea indicada en verde es la dirección de la imagen que ves en el ejemplo. Puedes eliminar dicha línea y poner la dirección de tu imagen favorita. ^_^