Tag <video> </video> je novi HTML5 tag koji služi za umetanje videa
u web stranicu. To može biti video clip ili video stream.
Obično se unutar ovog stavlja SOURCE tag koji definira audio fajl koji će se reproducirati.
Tekst koji je unutar ovog taga će se prikazati ukoliko browser ne podržava VIDEO tag tj. stariji browseri.
<video width="320" height="240" controls> <source src="film.mp4" type="video/mp4"> <source src="film.ogg" type="video/ogg"> Vaš browser ne podržava video tag. </video>
<video src="film.mp4" type="video/mp4" controls></video>
Podržani video formati
Najčešća su 3 video formata: mp4(video/mp4), ogg(video/ogg).
Primjer isprobajte u različitim browserima: vidi primjer » vidi code
Atributi VIDEO taga
width="integer" i height="integer"
Ova dva atributa definiraju širinu i visinu u pixelima.
Drugi način je da se definira pomoću CSS-a.
src="URL"
Definira put do fajla koji će se reproducirati.
type="MIME"
Definira MIME tip npr. audio/mpeg.
controls
Ovo je boolean atribut koji ako se napiše prikazuje kontrolnu dugmad (play, pause).
Primjer: vidi primjer » vidi code
autoplay
Ovo je boolean atribut koji određuje da li će postojati autopokretanje videa.
To se može iskoristiti za pozadinski video.
Primjer: vidi primjer » vidi code
loop
Ovo je boolean atribut koji omogućava neprekidno ponavljanje videa kada završi.
Primjer: vidi primjer » vidi code
muted
Ovo je boolean atribut koji utišava zvuk.
Primjer: vidi primjer » vidi code
poster="URL"
Određuje sliku koja će se prikazivati dok se video učitava u browser.
preload="auto | metadata | none"
Određuje kako će se video fajl učitavati pri učitavanju stranice.