Video player HTML5 gratuito – FryPlayer

Ormai anche su internet si sta cercando di abbandonare pian piano l’uso di player proprietari (ad esempio Flash), che hanno bisogno di installazioni. Ad esempio esiste FryPlayer, un altro player che utilizza jQuery e html5 per la riproduzione dei formati più comuni.

Si tratta di un player gratuito e che possiede il supporto alle skin, completamente personalizzabili. Inoltre supporta il full screen, il buffering, e le scorciatoie dalla tastiera. Per installarlo basterà copiare la directory js, css e le immagini nel progetto, poi aggiungere le seguenti righe HTML nella sezione denominata <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> 


Per personalizzare le dimensioni e l'aspetto invece dovrete usare questi comandi:
<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>

Per richiamare il player con il video che vorrete visualizzare, usate:

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