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. ^_^
¿Problemas al comentar? Utiliza 
La verdad Jaime, Eternamente agradecido a vos y a tu Blog. Muy bueno la forma de poner videos para no ocupar tanto espacio en el post.
Cada modificación que deseo agragar a mi blog no dudo en consultarla por acá. Gracias! Sigue así. Sería un Honor tu visita para mí:
marianoaxl, cuánto me alegra que te haya gustado este truco ^_^ es mucho mejor ocupar el espacio con una imagen que tarda poco en cargar que con un vídeo. ;-D
Consulta todo lo que quieras, cualquier cosa que necesites ☺
Será un placer pasarme por tu blog. ^_^
no puedo
wwe-cv, no digas simplemente no puedo sin apenas pedirme ayuda :-|. Sigue los pasos de la entrada paso a paso y si sigues sin poder hacerlo dímelo.
mira es que cuando quiero poner todo como me dijiste no me sale la imagen si no nada mas un texto con un codigo extraño
espero tu respuesta
wwe-cv, voy a probar de nuevo el código en el blog de pruebas. Mañana estará solucionado ;).
wwe-cv, ya funciona de nuevo el código. Prueba a poner un vídeo emergente :D.
muchas gracias es magnifico
wwe-cv, me alegra que te guste. Es genial, ya que no ralentiza el blog y se navega más rápido.
deverias de poner mas entradas sobre el popup
wwe-cv, tranquilo, aún me quedan unos cuantos trucos sobre popups (por ejemplo, abrir un popup usando lightwindow ;)).
Hola Jaime saludo especial:
Me gustaria que por favor explicara como se hace este mismo truco pero vídeos de Facebook.
Anónimo, para hacer esto con los vídeos de Facebook, debes hacer clic en el vídeo y, dado que es de You Tube, realizar el mismo procedimiento que explico en la entrada :).
GRACIAS JAIME POR ESTE MARAVILLOSO TRUCO, ESTA COOL; LO USARE PARA MIS BLOGS...!! saludos hermanos desde venezuela Actualidad Cristiana
Hola jaime, de nuevo soy Yo , he creado un blog nuevo con este magnifico truco, pero quiero pedirte un favor. Descarga de Videos Cristianos para celulares
como hago para agregarle a las imagenes que enlazan el video en popup un boton dentro de ellas en forma de "Play"
por ejemplo: al pasar el mouse salga la imagen en forma de play... o algo que tu veas mejor que yo, por favor me lo dices...
ah el blog esta en construccion, para luego sacarlo al aire
disculpa de nuevo men, tambien puede ser bienvenido otra forma, como por ejemplo, alguna imagen que quede fija, yo mismo se la puedo agregar manualmente sin efecto ni nada. LA QUE USAS COMO EJEMPLO ESTA MUY BUENA, peri al pegarla con paint queda el cuadrado, no me gusta... si sabes de alguna otra
asi como esta web contruida en la plataforma de pligg, mira el icono que lleva cada video. http://www.cuteaholic.com/
eso es lo que quiero xq asi las imagenes se consideran como un video, muchas gracias jaime, te debere un favor si logras ayudarme con esto.
Hola Jaime
No he tenido suerte aún, me abre la ventanita pero no displaya nada, se queda en blanco. Tendrá algo que ver que sea la version Vista?
Un abrazo y gracias
Martín Mundaraín, la imagen que ves en esta entrada la obtuve de Iconfinder.
Para hacer que una imagen cambie por otra al pasar el cursor sobre ella sigue los pasos de esta entrada ;).
El que puede, no tiene nada que ver con la Versión de Windows Vista, ya que las ventanas emergentes se abren con cualquier navegador.
¿Estás seguro de haber insertado correctamente las cifras del vídeo en su lugar correspondiente?
Hola Jaime, me pasa lo mismo que a El que puede. Abre la ventana pero se queda en blanco sin cargar ningún vídeo aunque la URL es correcta. Además observo que en el ejemplo tuyo sucede lo mismo. No sé si es un problema de nuestros pc o que realmente el código falla. Gracias y un saludo.
PACO ROSALES, acabo de revisar el código y el ejemplo y funciona correctamente. Puede tener algo que ver con la configuración del navegador.
¿Que navegador utilizas? Es extraño porque la ventana emergente carga únicamente la dirección del vídeo para mostrar este último.
Hola Jaime, necesito tu ayuda von un archivo. EStuve destripando un poco blogger para obtener su c+oidigo para acceder como usuario.
Efectimanente se muestran todos los atributos pero al ingesar usuario y contraseña no se ejecuta. Además deseo ponerla POP UP, pero tengo problemas con ello, trato de combinar lo de abrir nuevo pop up, pero no logro acceder.
Te dejop el link de mi trabajo a ver si puedes hacer algo.
Agradecido, te saluda cordialmente:
Akil3s
https://docs.google.com/Doc?docid=0AU1qv8UYOTmNZGM1cTZnY21fNzJkZmQ4NDdmdA&hl=es
Pero Akiles, el código que me enviaste solo es la estructura html del formulario y un par de scripts. Antes necesitarías un servidor para alojar un sitio web y posteriormente las cuentas de cada usuario (algo imposible de realizar con blogger ya que no acepta php -por el momento-).
Si encuentro alguna manera de ayudarte te avisaré.
¡Saludos!