HTML5 Video

[av_dropcap1]I[/av_dropcap1]l nuovo tag <video> è una delle più interessanti caratteristiche dell’HTML5 che permette agli sviluppatori web di aggiungere i video in una pagina web senza alcun plugin speciale. Dunque l’HTML5 è una delle più semplici nuove tecniche di video embedding.

Tuttavia purtroppo abbiamo qualche problema nella gestione dei video da parte di alcuni browser:

  • Internet Explorer non supporta il fullscreen per questa tecnologia.
  • Firefox non  suppporta il formato file mp4, dunque per tale browser è necessario creare formati video addizionali.

E’ necessario ovviare a tali problemi a livello di codice come avviene ad esempio, nel plugin WordPress Chameleon, il quale utilizza il Flash backup, ovvero la gestione del video in formato Flash solo qualora il browser non supporti le funzionalità video dell’HTML5.

In pratica, dal momento che i diversi browser web supportano solo alcuni codec video, per sfruttare al meglio il video HTML5 e garantire la massima compatibilità, è necessario preparare il nostro video in tre varianti:

  • H.264
  • OGG Theora
  • WebM

Esempio di codice per i video HTML5: