sábado, diciembre 29, 2007

Videobox: presentación de vídeos en transparencia

El script de Faruk Can permite hacer presentaciones de vídeos en ventanas individuales de dimensiones diferentes y efectos de transparencia espectaculares similares a los que, hasta ahora, podían hacerse con las imágenes. El script se llama videobox y está inspirado en el Lightbox.v2 que tanto éxito ha tenido con las imágenes. Para su puesta en marcha se requiren algunos conocimientos sobre incrustación de javascripts en páginas html.
Procedimiento:
1.- Descargar los archivos zip videbox v1.1.
2.- Descomprimirlos y subirlos a un servidor.
3.- Incluir estos tres javascripts en la página o blog modificando, lógicamente, las rutas de los scripts .js con las direcciones propias del servidor al que se hayan subido:

4.- Añadir en la hoja de estilos css de la página o blog el siguiente código:

5.- Finalmente hay que hacer un enlace al archivo de vídeo correspondiente usando el siguiente código:


Se pueden ampliar las dimensiones de la ventana y el vídeo utilizando la siguiente variante: rel="vidbox anchura altura":


Funciona con la mayoría de los sitios que alojan vídeos (Youtube, Daylimotion, Google video, Metacafe, etc.) o incluso el multirrepoductor Jeroen Wijering.

Funciona también con diapormas que utlicen reproductotres flash como Dewslider 5.
Ejemplos:
Metacafe JW
Google Video dewslider


Youtube
Google Video
Jeroen Wijering
Diaporama Dewslider5