Video tag
Tag video omogućava dodavanje video zapisa na HTML stranicu.
Sa njim se takođe može upravljati tim video zapisom.
Putanja do video fajla se zadaje preko
atributa src ili ugniježđenog taga source.
Ako želite da vidite plejer za upravljanje reprodukcijom
videa - treba dodati atribut controls.
Bez njega nećete ništa videti - nemaćete zvuk ni sliku
primenjenih.
Ponekad postavljanje videa na sam sajt nije
veoma praktično (na primer, vaš hosting ima
ograničenje po veličini sajta). U tom slučaju
video možete postaviti na YouTube i povezati
pomoću taga iframe.
Atributi
| Atribut | Opis |
|---|---|
src |
Određuje putanju do video fajla.
Ali bolje je za ovo koristiti tag source
(u tom slučaju će biti moguće zadati video u različitim formatima).
|
preload |
Koristi se za učitavanje video fajla istovremeno sa učitavanjem stranice sajta.
Prihvaćene vrednosti: none (ne učitavati fajl, podrazumevano),
metadata (učitati samo servisne informacije: trajanje zvuka i tako dalje),
auto (učitati video u potpunosti prilikom učitavanja HTML stranice).
|
autoplay |
Zvuk počinje da se reprodukuje odmah nakon učitavanja stranice,
pri čemu će prisustvo atributa preload biti zanemareno.
Atribut bez vrednosti. |
controls |
Dodaje kontrolnu tablu video zapisu.
Atribut bez vrednosti. Podrazumevano (ako atribut ne postoji) kontrola se ne dodaje. |
loop |
Ponavlja video zapis u "krug":
nakon završetka počeće da se reprodukuje iznova.
Atribut bez vrednosti. Podrazumevano (ako atribut ne postoji) zapis će se reprodukovati samo 1 put.
|
poster |
Putanja do slike koja će se prikazivati dok video nije dostupan ili se ne reprodukuje.
Ako atribut poster nije naveden, brauzer će pokušati da prikaže prvi kadar videa.
|
height |
Atribut height zadaje visinu oblasti za reprodukciju video snimka (u pikselima
ili procentima).
Sam video menja svoje dimenzije veće ili manje, prilagođavajući se zadatoj visini,
ali njegove proporcije se pri tome ne menjaju.
Podrazumevana vrednost: visina se uzima iz parametara videa, ako ta vrednost nije dostupna, tada se vrednost atributa height
smatra jednakom visini slike iz atributa poster.
Ako i poster nije zadat - visina
se postavlja na 150 piksela.
|
width |
Atribut width zadaje širinu oblasti za reprodukciju video snimka (u pikselima
ili procentima).
Sam video menja svoje dimenzije veće ili manje, prilagođavajući se zadatoj širini,
ali njegove proporcije se pri tome ne menjaju.
Podrazumevana vrednost: širina se uzima iz parametara videa, ako ta vrednost nije dostupna, tada se vrednost atributa width
smatra jednakom širini slike iz atributa poster.
Ako i poster nije zadat - širina
se postavlja na 150 piksela.
|
Primer . Plejer na stranici sajta
Dodajmo na stranicu plejer sa video zapisom.
Za one brauzere koji ne podržavaju
tag video ostavljena je posebna poruka
o tome:
<video src="moovie.mp4" controls>
Vaš brauzer ne podržava video na HTML5.
</video>
Primer .
Dodajmo za tag video
tag source:
<video>
<source src="moovie.mp4" controls>
Vaš brauzer ne podržava video na HTML5.
</video>
