Video con HTML 5: multimedia nelle pagine WEB senza Flash!
HTML5 è arrivato: tra le novità più importanti la possibilità di richiamare contenuti multimediali nelle pagine web con dei TAG dedicati all'Audio ed al Video.
Da adesso, per pubblicare video sul proprio sito, non sarà più necessario ricorrere ad applicativi esterni come Flash - pesante e non standard - nè a complicate scritture di codice javascript.
I TAG che interessano l'embed di contenuti multimediali nelle pagine sono semplicemente <audio> e <video>...
I formati supportati attualmente sono mp3, waw ed ogg per l'audio, mpeg4 ed ogg per il video.
Il TAG <audio> si configura con i seguenti attributi:
- autoplay: per avviare automaticamente la riproduzione del file audio;
- controls: se dichiarato, verranno visualizzati i controlli, ad esempio i pulsanti Play e Stop;
- loop: se utilizzato, determina il loop (la ripetizione) del contenuto multimediale una volta terminato;
- preload: precarica il video al caricamento della pagina, per eliminare attese di "buffering" successive. Se è impostato l'autoplay, l'attributo preload viene ignorato;
- src: specifica la URL del file audio da riprodurre;
Il TAG <video>, oltre agli attributi sopra elencati, supporta anche:
- height: specifica l'altezza in pixel del player video;
- width: specifica la larghezza in pixel del player video;
- poster: definisce l'URL di un'immagine da visualizzare prima e/o dopo la riproduzione del video, oppure se il filmato non è disponibile;
Un esempio di utilizzo del TAG <video>
<video src="/filmato.ogg" controls="controls">
[testo alternativo per i browsers che non supportano HTML5]
</video>
I contenuti multimediali in HTML5 sono, per ora, supportati dalle più recenti versioni di Chrome, Opera, Firefox e Safari.
Microsoft ha annunciato recentemente che anche Internet Explorer 9, di prossimo rilascio, sarà completamente compatibile con HTML5.
Articoli correlati:
|
Template WordPress GRATIS 3 colonne: Green Style 2011 {flike}
Il Template per WordPress (a 2 o 3 colonne) Green Style 2011 by EBGraf è elegante e fresco allo stesso tempo; è adatto ad ogni tipo di sito o Altri...
|
|
Template WordPress GRATIS 3 colonne: YL Modern Blue {flike}
Il Template 3 colonne per WordPress YL Modern Blue ripropone la grafica elegante e vivace della versione rilasciata per Joomla! (vedi qui Altri...
|
|
Template Joomla! 1.6 Layout Fluido: Fluid Business 2011 {flike}
Template a layout fluido per Joomla! 1.6 completamente crossbrowser e perfettamente compatibile anche con la versione 1.5.x di Joomla.Design sobrio Altri...
|
|
Template per Joomla! 1.6 GRATIS: YL Modern Blue by EBGraf Il Template 3 colonne per Joomla! 1.6 (compatibile anche con la collaudata versione 1.5.x del CMS) YL Modern Blue ha uno splendido e curato layout azzurro con Altri...
|
|
Template Drupal - Africa On Line by EBGraf Il nuovo Template per Drupal offerto gratis da EBGraf è "Africa On Line", colori caldi di tramonto equatoriale, sfondo texturizzato pelle, Layout 2 colonne Altri...
|
|
Template Drupal - Portale Di Notte by EBGraf Il Template "Portale Di Notte" per Drupal presenta un layout a 3 colonne con menu superiore a tendina, reso suggestivo dai colori e dagli effetti di Altri...
|
Video con HTML 5: multimedia nelle pagine WEB senza Flash!


