FryPlayer un ottimo Video Player HTML5

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

CONDIVIDI
ARTICOLI CORRELATI
1 commento a “FryPlayer un ottimo Video Player HTML5”

FryPlayer v0.2 is available http://fryplayer.net/

Inviato da Ivan il 15 ottobre 2010 alle 15:56
Lascia un commento

Captcha - risolvi l\'operazione per inviare il commento * Time limit is exhausted. Please reload CAPTCHA.