E' disponibile da qualche tempo un plugin per WordPress che consente di utilizzare la funzionalità video di HTML5 in maniera nativa.

Il sistema è piuttosto semplice – basta inserire

[video src="http://www.sito.com/video.mp4"]

per un video, oppure

[audio src="http://www.sito.com/audio.mp3"]

o utilizzare l'editor per la creazione di testi per inserire un video o una brano musicale.

Il plugin ha un sistema di fallback integrato: se il nostro browser non supporta il video HTML5 viene automaticamente utilizzato un sistema di visualizzazione in Flash così da non compromettere la navigazione e la fruizione dei contenuti multimediali per nessuno dei nostri utenti.

L'unico difetto del plugin è che al momento attuale non esiste un "pannello di controllo" e quindi per aggiungere attributi quali "autoplay",  "poster" o le dimensioni del player bisogna intervenire direttamente sul codice HTML, ad esempio in questa maniera:

[video src="http://www.sito.com/video.mp4" poster="http://www.sito.com/immagine-del-video.jpg" width="320" height="240" options="autoplay" id="vid-1"]

I parametri disponibili sono più o meno quelli previsti dalla specifica del tag <video> di HTML5, e cioè:

  • src: richieso, è il path del file del video da mostrare. Non è necessario specificare l'estensione: in questo caso il sistema cercherà la versione ".ogg" (Ogg Theora, per Firefox e Chrome) o ".m4v" (H.264 per Safari) a seconda del browser. E' importante dunque avere a disposizione entrambe le versioni del video, in caso contrario il browser per cui non abbiamo la versione disponibile utilizzera il player Flash di fallback
  • poster: opzionale, è la URL dell'immagine da utilizzare come "poster" (appunto…) del video, ovvero che cosa mostrare prima di cliccare play
  • width e height: opzionali. La dimensione di default è 480×320 (la risoluzione dell'iPhone, video più grandi potrebbero non funzionare su iPhone)
  • options: è una lista opzionale di parole separate da spazi. Il default è "controls autobuffer" e può contenere i seguenti valori:

    • autoplay per iniziare il video automaticamente
    • autobuffer per iniziare subito a caricare il video (ma non avviarlo subito)
    • controls per mostrare i controlli di default del player (in caso contrario si possono creare e agganciare i propri)
    • loop per ricominciare il video quando è finito
  • id: è opzionale, se non si specifica avrà un ID di "html5video-numero". Gli ID dei player in Flash hanno il prefisso "f-"
  • class: è opzionale, si applica al div ‘wrapper’ e al tag video. Se non viene specificata la classe è ‘html5video’.
  • format: opzionale, p una lista separata da apszi dei formati disponibili per il video. I valori riconosciuti sono auto, flv (formato Flash), m4v (H.264),  ogg e ogv (OGG Theora). Il valore di default è auto che riconosce automaticamente il formato

Il plugin è disponibile su WordPress all'indirizzo http://wordpress.org/extend/plugins/degradable-html5-audio-and-video/screenshots/ oppure direttamente dal sito dello sviluppatore http://soukie.net/degradable-html5-audio-and-video-plugin/