Twitter Facebook Delicious Digg Stumbleupon Favorites More

viernes, 6 de diciembre de 2013

Abrir videos en ventana emergente (Popup)

Algunas plantillas son un poco ajustadas y al poner videos estos se salen del post, y aunque podemos editar el tamaño de la pantalla del video en ocasiones el video no se aprecia igual que en su tamaño original, así que una buena solución para esto es abrir los videos en una ventana emergente, o sea en una ventana PopUp.
¿Cómo funciona? Lo que haremos será sustituir el video por una imagen que al darle click se abra una pequeña ventana para ver el video.

Sólo usa este código dentro del post:

<a title="Ver video" href="javascript:void(0);" onclick="window.open('http://www.youtube.com/v/DnzuKKG6-AA&autoplay=1', 'popup', 'left=390, top=200, width=425, height=344, toolbar=0, resizable=1')"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpTqgAUOfCjKYFRgVyW99nvpTdRb9bktmDHTvfnMG-YJ1099Bw9u003bV0CUDBXq7t3fspUHhGm8seANWQS6QMjTqXUhVDOeLmFR_m4IfTcuDMl6sDZ1b1cZjzntrPtKSGV4cAQzzZNaBs/s91/playvideoicon.gif" title="Ver video" /></a>

Ahora cambia la URL del video de YouTube, ten en cuenta que sólo debes cambiar la última parte de la dirección, o sea las letras que están en rojo, de lo contrario se abrirá toda la ventana de YouTube. Fíjate en este ejemplo:
URL video
Este código está programado para que el video se reproduzca automáticamente al abrirse la ventana, si deseas que se reproduzca hasta que el usuario le de click en Play entonces elimina esta parte:&autoplay=1
Puedes cambiar la URL de la imagen por otra, yo he hecho esta y puedes usarla si gustas. Para ver cómo queda haz click en la imagen.





ACTUALIZACIÓN (05/jul/2010):
Este código ya no funciona para Internet Explorer, únicamente para el resto de los navegadores.
Share:

0 comentarios:

Publicar un comentario

Vistas de página en total

Anonimo. Con la tecnología de Blogger.

Blogger Tutorials

Copyright © Social Trucos | Powered by Blogger
Design by SimpleWpThemes | Blogger Theme by NewBloggerThemes.com