Prvok video
Prvok video umožňuje pridať video na HTML stránku.
S jeho pomocou je možné toto video aj ovládať.
Cesta k súboru videa sa nastavuje pomocou
atribútu src alebo vnoreného prvku source.
Ak chcete vidieť prehrávač na ovládanie prehrávania
videa - treba pridať atribút controls.
Bez neho neuvidíte nič - zvuku ani obrazu
zároveň tiež nebude.
Niekedy umiestňovať video priamo na stránku nie je
veľmi pohodlné (napríklad, váš hosting má
obmedzenie veľkosti stránky). V tomto prípade
je možné video nahrať na YouTube a pripojiť
pomocou prvku iframe.
Atribúty
| Atribút | Popis |
|---|---|
src |
Určuje cestu k video súboru.
Ale lepšie je na to použiť prvok source
(v tomto prípade bude možné nastaviť video v rôznych formátoch).
|
preload |
Používa sa na načítanie video súboru súčasne s načítaním stránky.
Prijímané hodnoty: none (nesťahovať súbor, predvolené),
metadata (načítať iba servisné informácie: dĺžku prehrávania a tak ďalej),
auto (načítať video celé pri načítaní HTML stránky).
|
autoplay |
Zvuk začína hrať ihneď po načítaní stránky,
pričom prítomnosť atribútu preload bude ignorovaná.
Atribút bez hodnoty. |
controls |
Pridáva ovládací panel k videu.
Atribút bez hodnoty. Predvolene (ak atribút nie je) sa panel nepridáva. |
loop |
Opakuje videonahrávku v "kruhu":
po dokončení sa začne prehrať znova.
Atribút bez hodnoty. Predvolene (ak atribút nie je) sa nahrávka prehrá iba 1 krát.
|
poster |
Cesta k obrázku, ktorý sa zobrazí, kým video nie je dostupné alebo sa neprehráva.
Ak atribút poster nie je zadaný, prehliadač sa pokúsi zobraziť prvý snímok videa.
|
height |
Atribút height nastavuje výšku oblasti prehrávania videoklipu (v pixeloch
alebo percentách).
Samotné video mení svoje rozmery väčšie alebo menšie, prispôsobujúc sa zadanej výške,
ale jeho proporcie sa pri tom nemenia.
Predvolená hodnota: výška sa berie z parametrov videa, ak táto hodnota nie je dostupná, potom sa hodnota atribútu height
považuje za rovnakú ako výška obrázku z atribútu poster.
Ak ani poster nie je zadaný - výška
sa nastaví na 150 pixelov.
|
width |
Atribút width nastavuje šírku oblasti prehrávania videoklipu (v pixeloch
alebo percentách).
Samotné video mení svoje rozmery väčšie alebo menšie, prispôsobujúc sa zadanej šírke,
ale jeho proporcie sa pri tom nemenia.
Predvolená hodnota: šírka sa berie z parametrov videa, ak táto hodnota nie je dostupná, potom sa hodnota atribútu width
považuje za rovnakú ako šírka obrázku z atribútu poster.
Ak ani poster nie je zadaný - šírka
sa nastaví na 150 pixelov.
|
Príklad . Prehrávač na stránke
Pridajme na stránku prehrávač s videom.
Pre prehliadače, ktoré nepodporujú
prvok video je ponechaná špeciálna správa
o tom:
<video src="moovie.mp4" controls>
Váš prehliadač nepodporuje video v HTML5.
</video>
Príklad .
Pridajme k prvku video
prvok source:
<video>
<source src="moovie.mp4" controls>
Váš prehliadač nepodporuje video v HTML5.
</video>
