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:
<script type="text/javascript" src="js/mootools.js"></script><script type="text/javascript" src="js/swfobject.js"></script><script type="text/javascript" src="js/videobox.js"></script>
4.- Añadir en la hoja de estilos css de la página o blog el siguiente código:
<link rel="stylesheet" href="http://ruta_archivo_propio/css/videobox.css" type="text/css" media="screen" />
5.- Finalmente hay que hacer un enlace al archivo de vídeo correspondiente usando el siguiente código:
<a href="http://ruta_archivo_youtube_etc.com/watch?v=0E90JWgOIx0" rel="vidbox" title="título"> Tu vídeo</a>

Se pueden ampliar las dimensiones de la ventana y el vídeo utilizando la siguiente variante: rel="vidbox anchura altura":
<a href="http://ruta_archivo_youtube_etc.com/watch?v=0E90JWgOIx0" rel="vidbox 500 400" title="título"> Tu vídeo</a>

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:

Youtube
Google Video
Jeroen Wijering
Diaporama Dewslider5