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.
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=DnzuKKG6-AA
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 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=600, height=480, toolbar=0, resizable=1')"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNblAO-C45HmuGoSGRq0FO8Pk66OtLJI3vD9XmhQQoMfDNnzF9heDLK0qmNgCNNr7L5mqbHQkGWgiWQqDEHd2ZeNAh9_Qt9WltMpiYW7VB0zWX_l5unvt93T0hDHTKw6WUMStUqjnWGPxF/s1600/Ver-Online---Original.gif" title="Ver video" /></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.
Puedes cambiar la URL de la imagen por otra, yo he hecho esta y puedes usarla si gustas
Publicar un comentario