Mil Trucos Blogger

Abrir Vídeo de YouTube en una ventana Emergente (PopUp)

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

YouTube es una gran herramienta para la promoción de vídeos y también un gran aliado de Blogger, por eso no sorprende que sean muchos los bloggers que también realizan y editan vídeos para sus entradas, por ello hoy veremos un pequeño truco en el que veremos como abrir un vídeo de YouTuve en una ventana emergente (o como se le llama comúnmente PopUp), este truco ocultará el vídeo en una imagen y para verlo se tendrá que dar clic en la imagen para que se abra la ventana emergente.

Abrir Vídeo de YouTube en una ventana Emergente (PopUp)

Abrir Vídeo de YouTube en una ventana Emergente (PopUp)

DEMO DEL TRUCO

Para añadir este truco en tu blog agrega el siguiente código en la edición HTML de una entrada o en un gadget HTML/JavaScript y pega lo siguiente:

<a title="Ver video" href="javascript:void(0);" onclick="window.open('http://www.youtube.com/watch_popup?v=vHnmqGtbqFk', 'popup', 'top=350, left=480, width=400, height=300, toolbar=NO, resizable=NO, Location=NO, Menubar=NO, Titlebar=No, Status=NO')"><img src="https://lh3.googleusercontent.com/-aEFjkHJ7yoE/UDU8eKt5dVI/AAAAAAAABLg/eeRtNELRc0Q/s40/Icono%2520de%2520video.jpg" title="Ver video" /></a>

Ahora cambia lo resaltado en color verde que corresponde a la ID de cada vídeo de YouTube, por ejemplo en la siguiente URL de un vídeo de YouTube tendrás que pegar lo que está después de v=

https://www.youtube.com/watch?v=F877bV0Ai3E

La parte del código que se ha resaltado en color azul corresponde a la imagen que se muestra y puede ser cambiada.

Solo debes guardar los cambios y ya tendrás el truco funcionando en tu blog de Blogger y de WordPress también.

0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *




Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo