Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

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. ^_^

Marianoaxl dice...

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í:

Jaime Trujillo Escobedo dice...

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. ^_^

Anónimo dice...

no puedo

Jaime Trujillo Escobedo dice...

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.

Anónimo dice...

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

Jaime Trujillo Escobedo dice...

wwe-cv, voy a probar de nuevo el código en el blog de pruebas. Mañana estará solucionado ;).

Jaime Trujillo Escobedo dice...

wwe-cv, ya funciona de nuevo el código. Prueba a poner un vídeo emergente :D.

Anónimo dice...

muchas gracias es magnifico

Jaime Trujillo Escobedo dice...

wwe-cv, me alegra que te guste. Es genial, ya que no ralentiza el blog y se navega más rápido.

Anónimo dice...

deverias de poner mas entradas sobre el popup

Jaime Trujillo Escobedo dice...

wwe-cv, tranquilo, aún me quedan unos cuantos trucos sobre popups (por ejemplo, abrir un popup usando lightwindow ;)).

Anónimo dice...

Hola Jaime saludo especial:

Me gustaria que por favor explicara como se hace este mismo truco pero vídeos de Facebook.

Jaime Trujillo Escobedo dice...

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 :).

Martin dice...

GRACIAS JAIME POR ESTE MARAVILLOSO TRUCO, ESTA COOL; LO USARE PARA MIS BLOGS...!! saludos hermanos desde venezuela Actualidad Cristiana

Martin dice...

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

Martin dice...

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

Martin dice...

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.

El que puede dice...

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

Jaime Trujillo Escobedo dice...

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 ;).

Jaime Trujillo Escobedo dice...

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?

PACO ROSALES dice...

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.

Jaime Trujillo Escobedo dice...

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.

Marcelo Mendoza dice...

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

Jaime Trujillo Escobedo dice...

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!

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo