Hoy hablando con Lesmes se nos ha pasado por la cabeza una pequeña idea para poder poner varios videos de las plataformas de video streaming más utilizadas (youtube, google video y metacafe) en nuestro wordpress sin desmontar la página.

La idea es poner imágenes con una pequeña captura del video, o bien un icono de video, o ... una imagen simplemente, las cuales se puedan pulsar para cargar un reproductor de video. Así, se pueden adaptar varios diseños líquidos para poner 5, 10 o incluso 20 videos, visibles desde el propio blog, sin tener que invertir con ello tiempo de carga innecesario o bien ahorrando un espacio muy valuoso que pueden llegar a malgastar esos reproductores.

Lo mejor es que está programado con javascript no intrusivo, de manera que si alguien que nos visita no tiene el javascript activado, podrá acceder a los videos sin ningún problema.

La formula para utilizarlo es MUY sencilla:

- Subimos el archivo pvideos.js (botón derecho > Guardar cómo) a una carpeta de nuestro wordpress.

- Editamos la plantilla y en el "Header" (Cabecera) añadimos la siguiente línea:

Finalmente, para añadir las capturas (con sus videos) se tiene que crear un enlace <A> con la imagen (o texto) en su interior, y este tiene que ser uno de los 3 tipos de clases que hay soportadas:

• youtube, para tener un player de youtube.
• gvideo, para los videos de google.
• metacafe, para los videos de metacafe.com

Entonces, lo único que se tiene que añadir en el enlace, es la página principal de reproducción del video en cuestión, como si solo quisieramos enlazar la página donde se visualiza el video.

Vamos a ver unos ejemplos:

YOUTUBE

GOOGLE VIDEO

METACAFE

A continuación os dejo unos videos de ejemplo:

Esta entrada es del día Martes, diciembre 12th, 2006 a las 2:06 am y pertenece a la categoría Aplicaciones web, Desarrollo web, Internet, Otras páginas, Varios.
Subscribete al feed de los comentarios.