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.
¿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="http://dl.getdropbox.com/u/647003/CiudadBlogger/Iconos/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:
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.
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.
Vía|Ciudad Blogger
No hay comentarios:
Publicar un comentario