Oznaka video
Oznaka video omogoča dodajanje videa na HTML stran.
Z njo lahko tudi upravljate s tem videom.
Pot do video datoteke je določena z
atributom src ali vgrajeno oznako source.
Če želite videti predvajalnik za upravljanje predvajanja
videa - morate dodati atribut controls.
Brez njega ne boste videli ničesar - tudi zvoka in slike
ne bo.
Včasih nameščanje videa na samem spletnem mestu ni
zelo priročno (na primer, vaš gostitelj ima
omejitev velikosti spletnega mesta). V tem primeru
lahko video naložite na YouTube in ga vklopite
z uporabo oznake iframe.
Atributi
| Atribut | Opis |
|---|---|
src |
Določa pot do video datoteke.
Vendar je za to bolje uporabiti oznako source
(v tem primeru lahko določite video v različnih formatih).
|
preload |
Uporablja se za nalaganje video datoteke hkrati z nalaganjem spletne strani.
Sprejemljive vrednosti: none (ne naloži datoteke, privzeto),
metadata (naloži samo metapodatke: trajanje in tako naprej),
auto (naloži celoten video ob nalaganju HTML strani).
|
autoplay |
Zvok se začne predvajati takoj po nalaganju strani,
pri tem bo atribut preload prezrt.
Atribut brez vrednosti. |
controls |
Doda nadzorno ploščo k videu.
Atribut brez vrednosti. Privzeto (če atributa ni) nadzorna plošča ni dodana. |
loop |
Ponavlja video v neskončni zanki:
po koncu predvajanja se bo začelo znova.
Atribut brez vrednosti. Privzeto (če atributa ni) se bo video predvajal samo 1 krat.
|
poster |
Pot do slike, ki bo prikazana, dokler video ni na voljo ali se ne predvaja.
Če atribut poster ni določen, bo brskalnik poskušal prikazati prvi kadar videa.
|
height |
Atribut height določa višino predvajalnega območja za video (v slikovnih pikah
ali odstotkih).
Sam video spreminja svojo velikost večjo ali manjšo, da se prilagodi določeni višini,
vendar se njegova razmerja pri tem ne spreminjajo.
Privzeta vrednost: višina je vzeta iz parametrov videa, če ta vrednost ni na voljo, potem se vrednost atributa height
šteje za enako višini slike iz atributa poster.
Če tudi poster ni določen - višina
je nastavljena na 150 slikovnih pik.
|
width |
Atribut width določa širino predvajalnega območja za video (v slikovnih pikah
ali odstotkih).
Sam video spreminja svojo velikost večjo ali manjšo, da se prilagodi določeni širini,
vendar se njegova razmerja pri tem ne spreminjajo.
Privzeta vrednost: širina je vzeta iz parametrov videa, če ta vrednost ni na voljo, potem se vrednost atributa width
šteje za enako širini slike iz atributa poster.
Če tudi poster ni določen - širina
je nastavljena na 150 slikovnih pik.
|
Primer . Predvajalnik na spletni strani
Dodajmo predvajalnik z videom na stran.
Za tiste brskalnike, ki ne podpirajo
oznake video, je ostalo posebno sporočilo
o tem:
<video src="moovie.mp4" controls>
Vaš brskalnik ne podpira video v HTML5.
</video>
Primer .
Za oznako video
dodajmo oznako source:
<video>
<source src="moovie.mp4" controls>
Vaš brskalnik ne podpira video v HTML5.
</video>