Corsi on-line

JW Box: un lightbox per JW Player

Se utilizzate sul vostro sito il player multimediale JW FLV Player e volete aprire i filmati all’interno di finestre in stile lightbox avete diverse possibilità (in un precedente post abbiamo visto come integrare Shadowbox con JW Player), la più semplice è, certamente, utilizzare il plugin JW Box ideato dagli stessi sviluppatori di JW Player per interagire con quest’ultimo.
JW Box è un semplice plugin di jQuery clone del celebre Lightbox che può essere utilizzato tanto per i video quanto per altri contenuti come immagini o HTML.

Il suo funzionamento è semplice: basta inserire nell’header della pagina i riferimenti .js di jQuery e del plugin, nonchè il foglio di stile .css.

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.jwbox.js"></script>
<link rel="stylesheet" type="text/css" href="jwbox.css" />

Fatto questo sarà sufficiente inserire questo codice nel <body>

<div class="jwbox">
  <img width="160" height="120" alt="Apri il Video" title="Apri il Video" src="anteprima.jpg"/>
  <div class="jwbox_hidden">
    <div  class="jwbox_content">
    <!-- Codice embed del video (oppure SWFObject) -->
    </div>
  </div>
</div>

Cliccando sull’immagine si aprirà il lettore multimediale con il filmato.

Come già detto nulla vieta di utilizzare questo plugin per contenuti differenti dai video… in questo caso sarà sufficiente inserire, al posto dell’embed del video, il codice HTML da mostrare nella lightbox.

Per scaricare il plugin, vedere gli esempi e consultare la documentazione vi invito a visitare la pagina ufficiale sul sito di Longtailvideo.

Post correlati
I più letti del mese
Tematiche