HTML5 - Video

Quando facciamo i documenti HTML molte volte abbiamo bisogno di arricchire i nostri contenuti e anche molte volte già l'uso di animazioni o effetti con Javascript Non basta, in questi casi dobbiamo fare appello al contenuto multimediale adatto alle nostre esigenze, che sia una registrazione, una canzone o un video.
Nel caso di lavori multimediali, possiamo utilizzare audio e video con la specifica di HTML5, utilizzando i nuovi tag in modo da non dipendere da lingue o plugin di terze parti.
Elemento video
HTML5 Contiene il supporto per l'introduzione di video come parte del documento o della pagina che si sta realizzando, senza la necessità di utilizzare Flash Player o altro plug-in, aumentando così la stabilità del browser, questo perché i plug-in sono spesso la causa principale per quali browser falliscono, poiché questi componenti aggiuntivi sono costantemente aggiornati e possono entrare in conflitto con nuove funzionalità o miglioramenti.
L'elemento Video HTML5 Ci consente di incorporare video senza richiedere l'aiuto di un plug-in, con questo possiamo riprodurre video piccoli o grandi sulle nostre pagine e arricchire il loro contenuto.
Per utilizzare l'elemento video abbiamo le seguenti caratteristiche che dobbiamo conoscere, in modo da poter comprendere il codice dei prossimi esempi.
Elemento: video.
Attributi locali: autoplay, precarico, controlli, loop, poster, altezza, larghezza, disattivato,
src.
Va notato che questo elemento è totalmente nuovo in HTML5 quindi potrebbe non essere compatibile con i vecchi browser.
Una volta che conosciamo l'elemento e i suoi attributi locali, vediamo un piccolo codice su come implementare un video:

 Impossibile visualizzare il video di esempio 

Come possiamo vedere, avviamo un tag video, impostiamo i suoi parametri di dimensione, il carattere e la src, che è dove troviamo il video, in questo caso dovrebbe essere nella stessa cartella del file che contiene il HTMLNel caso in cui il video non possa essere visto, dobbiamo mostrare un messaggio e poi chiudere il tag.Se abbiamo sfogliato pagine con video vedremo che ci è tutto molto familiare quando vediamo questo risultato; Vediamo un'immagine di come dovrebbe essere il nostro video:

Come abbiamo notato, è un'implementazione abbastanza pulita e funzionale.
Sapevamo già quali erano gli attributi locali che il tag video può trasportare e li abbiamo persino messi alla prova nel nostro esempio, ora vediamo cosa significa ciascuno di essi.
riproduzione automatica - se inseriamo questo attributo, il browser avvierà la riproduzione del video non appena possibile.
precarico - indica che il browser dovrebbe o non dovrebbe precaricare il video a seconda di ciò che specifichiamo in questo attributo.
controlli - il browser non mostrerà i controlli a meno che questo attributo non sia presente.
ciclo continuo - se presente, il browser riprodurrà il video in un ciclo infinito.
manifesto - specificare un'immagine da visualizzare durante il caricamento del video.
altezza - indica l'altezza dell'elemento video.
larghezza - indica la larghezza dell'elemento video.
disattivato - se presente, indica al browser che il video deve essere inizialmente riprodotto senza volume.
src - specificare il percorso del video da riprodurre.
Con questo finiamo questo tutorial, dove abbiamo avuto il nostro primo approccio all'elemento video e come usarlo in un documento HTMLIn questo modo abbiamo un nuovo strumento per arricchire le nostre pagine.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo