Vogliamo creare un effetto, per richiamare i nostri video, senza che il navigatore sia costretto ad andare sui siti di youtube, google video ecc… , però non vogliamo nemmeno inserire all’interno del testo il lettore di youtube o di google video, perchè appesantisce troppo la pagina, sia graficamente, che in termini di velocità, ALLORA qual’è la soluzione?

-Videobox-

Consente di richiamare i video di Youtube, Metacafe, Google Video, iFilm e anche file flv quindi anche giochi ed altre applicazioni! I video vengono visualizzti all’interno di un box bianco, e viene “ombreggiato” il restante spazio della pagina!

Alcuni esempi:

Un altro esempio è sulla home page di questo blog.

Utilizzo di tale funzionalità è molto semplice, l’unico incoveniente è che usa Lightbox e se lo abbiamo come plugin su wordpress, va in conflitto:

1. Scarichiamo il pacchetto dalla pagina Videobox
   
2. Lo inseriamo nel nostro spazio server (estraendo le tre cartelle all’interno della cartella video) se avete già delle cartelle con tali nomi , copiate solo i file al loro interno
3. quando richiamate un video inserite questo codice: rel=“vidbox” e nel title mettete il titolo che vi interessa (si richiama il video come un link normale a href=”")
4. Potete regolare la grandezza dello schermo inserendo dopo rel=“vidbox width height“
5. Potete aprire il video con un semplice link o inserendo una mignatura del video. per fare questo gasta dopo aver richiamato il link inserire <a href=”indirizzo video” rel=“vidbox width height“ title”titolo video”><img src=”indirizzo immagine”></a>
6. Dobbiamo poi inserire i head tag :

<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>

Molte altre informazioni possiamo trovarle sul sito del realizzatore: http://videobox-lb.sourceforge.net/

Questo semplice codice molto leggero , ci permette di far caricare prima la pagina, e di dare un grafica più semplice e solo se interessato l’utente andràa caricare il video!

Immagini credit:

Jacob Power

Alfonso Romero