De la mano de Webintenta, me hago eco de un post sobre este magnífico script.
Se trata de Videobox. Un script capaz de hacer lo mismo que hace Lightbox con las imágenes, pero con los videos. Ideal para los tiempos que corren, en los que webs de videos online se están poniendo muy de moda.
Si quieres implementarlo en tu web personal, su uso es muy sencillo:
- Descarga los javascripts y las CSS necesarias. (Pulsa aquí.)
- Copia las siguientes 3 lineas que llaman a los “.js” que previamente te has bajado, en la etiqueta <head> de tu web:
- <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>
- Como ves, los “.js” deben estar en la carpeta “js”, aunque puedes ponerlos donde quieras siempre y cuando, claro está, modifiques también la nueva ruta en las lineas de código.
- También tienes que incluir la línea de código que llama a las hojas de estilo (CSS). Es esta:
- <link rel=”stylesheet” href=”css/videobox.css” type=”text/css” media=”screen” />
- Al igual que con los .js también puedes cambiar la ruta de las CSS.
- Finalmente, dentro del <body> pon el link al video que desees mostrar. Ejemplo:
- <a href=”http://www.youtube.com/watch?v=uhi5×7V3WXE” rel=”vidbox” title=”caption”>our video</a>
- Sólo tienes que tener en cuenta una cosa, y es que como parámetros fijos siempre has de poner rel=”vidbox” y title=”caption”. Cómo alternativa, también puedes especificar el ancho y alto de la ventana de video, así : rel=”vidbox 800 600″. Con esto lograríamos una venta de 800×600 px.
::–Dunker–::
una consulta… y si deseo mostrar videos desde streetfire.net, que linea de codigo debo aumentar en el videobox.js, se puede?¿
[...] http://dunkerblog.wordpress.com/2007/10/29/videobox-el-lightbox-para-video/ [...]