Programmazione.it v6.4
Ciao, per farti riconoscere devi fare il login. Non ti sei ancora iscritto? Che aspetti, registrati adesso!
Info Pubblicità Collabora Autori Sottoscrizioni Preferiti Bozze Scheda personale Privacy Archivio Libri Corsi per principianti Forum
Guida ad HTML5: multimedialità, scripting dei media element (1/6)
Scritto da Pellegrino Principe il 20-09-2010 ore 09:53
Gli elementi video e audio sin qui esaminati sono definiti nel loro insieme, come media element, e singolarmente come media data o media resource, e per utilizzarli dobbiamo, per un video, inserire il seguente codice HTML all’interno della nostra pagina web:
  1. <video id="video_container" width="320" height="240" 
  2.        poster="richard_stallman.jpg" controls="controls"
  3.        preload="auto" autoplay="autoplay">
  4. <source src="video_with_richard_stallman.ogv" 
  5.         type='video/ogg; codecs="theora, vorbis"'></source>
  6. <p>Attenzione il tuo browser non supporta l'elemento HTML5 video</p>
  7. <p>Puoi vedere comunque il video scaricandolo: 
  8. <a href="video_with_richard_stallman.ogv">stallman</a></p>
  9. </video>
Questo codice crea un elemento di tipo video con i seguenti attributi impostati: un container della dimensione di 320 pixel in larghezza e 240 pixel in altezza, un’immagine poster, i controlli di gestione del video, il preload impostato su auto per iniziare il downloading del video e l’autoplay.

Il video da scaricare è deciso all’interno dell’elemento source tramite l'attributo src, mentre all’interno dell’attributo type indichiamo che esso è di tipo Ogg ed è codificato con un codec per il video di tipo Theora e per l’audio di tipo Vorbis. Infine, notiamo la presenza degli elementi p, che indicano del testo alternativo da visualizzare (fallback content) se il browser non supporta i nuovi elementi multimediali al fine di consentire comunque all’utente di scaricare il video.
Manda ad un amico Aggiungi ai preferiti Sottoscrivi la discussione Stampa
Commenta
Precedente: Strategie di accesso a una risorsa condivisa
Successiva: Nuovo impulso alla computazione quantistica con un chip photon walk
Copyright Programmazione.it™ 1999-2013. Alcuni diritti riservati. Testata giornalistica iscritta col n. 569 presso il Tribunale di Milano in data 14/10/2002. Pagina generata in 0.257 secondi.