Un video player in HTML5 con VideoJS
Pagina 1 di 3
Oggi vi presenterò quello che sarà, secondo la mia modestissima opinione, il futuro in termini di video player all'interno delle pagine web.
Negli ultimi anni, infatti, grazie anche all'affermazione di HTML5 ed alla diffusione di dispositivi mobile Apple, la tecnologia Flash di casa Adobe ha subito dei grossi contraccolpi e, secondo molti, si starebbe approssimando alla pensione, soprattutto nell'ambito dei player video.
Oggetto di questo articolo è il player VideoJS, un video player HTML5 che, appunto, sfrutta le nuove specifiche di questo linguaggio per effettuare lo streaming di video all'interno dei più moderni browser. Il tutto è fatto senza una sola riga di Flash, ma bensì utilizzando codice HTML, Javascript e personalizzando il tutto tramite CSS. Naturalmente questo player ha anche un'ulteriore caratteristica che lo rende particolarmente interessante: è open source!
La pagina di riferimento di questo interessantissimo prodotto è raggiungibile alla URL videojs.com.
Compatibilità
Questo player offre compatibilità con i più moderni browser, quali Firefox, Safari, Chrome, Opera e anche con Internet Explorer dalla versione 9. Se voi o i vostri utenti non utilizzate uno di questi browser non c'è da preoccuparsi: è implementata infatti una "fallback" Flash per i browser obsoleti.
I formati supportati sono i seguenti:
- ogv: formato letto da Firefox;
- mp4: formato letto da Safari e Opera;
- webm: formato letto da Chrome.
Per quanto riguarda invece la compatibilità con i devices mobili non ci sono problemi, infatti questo player è compatibile sia con iOS (iPhone e iPad) sia con Android.
Caratteristiche
Le caratteristiche che contraddistinguono questo player sono molte. Innanzitutto è molto leggero e non fa uso di immagini che rallenterebbero la sua esecuzione.
Grazie ai CSS è completamente personalizzabile e non basandosi su una libreria esterna è totalmente indipendente e consistente, mantenendo sempre un'ottima compatibilità cross-browser garantendo, pertanto, che il risultato sarà lo stesso a prescindere dal browser utilizzato.
Tra le opzioni disponibili vi sono anche i classici controlli che avevamo sui player Flash, ovvero la possibilità di gestire il volume piuttosto che di visualizzare il video in modalità full screen.
