Corsi on-line

Scoprire se un browser supporta il tag Video di HTML5

HTML5 ha introdotto numerosi nuovi tag che possono essere veramente utili per lo sviluppatore e semplificare il suo lavoro durante la creazione delle pagine Web; tra i tag più interessanti abbiamo l’elemento “video” che ci permette di identificare e gestire un filmato dirattamente dal markup. Naturalmente, parlando dal punto di vista dell’esperienza di navigazione degli utenti, per poter utilizzare questo tag sarà necessario che il browser corrente lo supporti, uno sviluppatore coscienzioso dovrà quindi dotare le proprie pagine di uno strumento in grado di rilevare la capacità o meno dell’applicazione utilizzata di supportare l’elemento “video”.

JavaScript può venirci in aiuto in questo caso con una semplice funzioncina:

function understands_video() {
  return !!document.createElement('video').canPlayType;
}
if ( !understands_video() ) {
	videoControls.style.display = 'none';
}

Naturalmente, il controllo booleano proposto potrà essere utilizzato sulla base delle proprie esigenze, per esempio per proporre lo stesso tipo di contenuto in modo alternativo all’utilizzo del tag “video” sfruttando il Flash Player.

Post correlati
I più letti del mese
Tematiche