Sempre più la rete si avvicina agli standard abbandonando gradatamente l’utilizzo di player proprietari come Flash che necessitano di installazioni personalizzate del player stesso.

FryPlayer è un altro player multimediale che utilizza jQuery e html5 per la riproduzione dei formati open più comuni.

E’ del tutto opensource e ha il supporto alle skin che sono completamente personalizzabili .

Supporto al full screen e al buffering. Possibilità di utilizzare scorciatoie da tastiera per comandare il video.

Volume di default settabile da codice.

L’installazione è davvero semplice: basterà copiare la directory js, css e le immagini nel vostro progetto, poi aggiungete la seguenti righe di HTML nella sezione <head> </head>

<link rel="stylesheet" type="text/css" href="css/FryPlayer.css" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/fryplayer.js"></script>
<script>
$(document).ready(function() {
$('video').FryPlayer();
});
</script>

Con questi comandi invece potrete personalizzare le dimensioni e l’aspetto del player

<script>
$(document).ready(function() {
$('video').FryPlayer({
width : 700,    //larghezza
height: 390,    //altezza
skin  : 'dark'  //tipo di skin (dark o light)
volume: 100,    //volume di default (da 0 a 100)
});
});
</script>

Infine non resta che richiamare il player con il video che volete visualizzare

<video>
<source src="my-video.mp4" type="video/mp4" />
<source src="my-video.ogv" type="video/ogg" />
<source src="my-video.webm" type="video/webm" />
</video>

Potete scaricare il player da qui (attenzione la pagina è in bulgaro). Se volete qui invece c’è la pagina tradotta in italiano da Google

1 commento