Tag video
Tag video umožňuje přidat video na HTML stránku.
S jeho pomocí lze také toto video ovládat.
Cesta k souboru videa se zadává pomocí
atributu src nebo vnořeného tagu source.
Chcete-li vidět přehrávač pro ovládání přehrávání
videa - měli byste přidat atribut controls.
Bez něj nic neuvidíte - zvuku a obrazu
přitom také nebude.
Někdy není umístění videa na samotném webu
velmi pohodlné (například váš hosting má
omezení velikosti webu). V tomto případě
lze video nahrát na YouTube a připojit
pomocí tagu iframe.
Atributy
| Atribut | Popis |
|---|---|
src |
Určuje cestu k video souboru.
Ale je lepší pro to použít tag source
(v tomto případě lze zadat video v různých formátech).
|
preload |
Používá se pro načtení video souboru současně s načítáním stránky webu.
Přijímané hodnoty: none (nesnažit se načíst soubor, výchozí),
metadata (načíst pouze servisní informace: délku atd.),
auto (načíst celé video při načtení HTML stránky).
|
autoplay |
Zvuk začne hrát ihned po načtení stránky,
přičemž přítomnost atributu preload bude ignorována.
Atribut bez hodnoty. |
controls |
Přidává ovládací panel k videu.
Atribut bez hodnoty. Ve výchozím nastavení (pokud atribut není) se panel nepřidává. |
loop |
Opakuje videonahrávku v "kruhu":
po dokončení začne hrát znovu.
Atribut bez hodnoty. Ve výchozím nastavení (pokud atribut není) se nahrávka přehraje pouze 1 krát.
|
poster |
Cesta k obrázku, který se zobrazí, když video není dostupné nebo se nepřehrává.
Pokud atribut poster není uveden, prohlížeč se pokusí zobrazit první snímek videa.
|
height |
Atribut height nastavuje výšku oblasti pro přehrávání videoklipu (v pixelech
nebo procentech).
Samotné video mění své rozměry větším nebo menším směrem, přizpůsobuje se zadané výšce,
ale jeho proporce se při tom nemění.
Výchozí hodnota: výška se bere z parametrů videa, pokud tato hodnota není dostupná, pak se hodnota atributu height
považuje za rovnou výšce obrázku z atributu poster.
Pokud ani poster není zadán - výška
se nastaví na 150 pixelů.
|
width |
Atribut width nastavuje šířku oblasti pro přehrávání videoklipu (v pixelech
nebo procentech).
Samotné video mění své rozměry větším nebo menším směrem, přizpůsobuje se zadané šířce,
ale jeho proporce se při tom nemění.
Výchozí hodnota: šířka se bere z parametrů videa, pokud tato hodnota není dostupná, pak se hodnota atributu width
považuje za rovnou šířce obrázku z atributu poster.
Pokud ani poster není zadán - šířka
se nastaví na 150 pixelů.
|
Příklad . Přehrávač na stránce webu
Přidejme na stránku přehrávač s videem.
Pro ty prohlížeče, které nepodporují
tag video, je ponechána speciální zpráva
o tom:
<video src="moovie.mp4" controls>
Váš prohlížeč nepodporuje video na HTML5.
</video>
Příklad .
Přidejme k tagu video
tag source:
<video>
<source src="moovie.mp4" controls>
Váš prohlížeč nepodporuje video na HTML5.
</video>
