<video> ... </video> HTML značka pro vložení videa do stránek webu

Tato značka slouží k vložení videa do webových stránek. Není to nic složitého, ale stránky musí být deklarovány jako <DOCTYPE html>.

Ukázka HTML značky video

<video width="720" height="576" controls>
    <source src="/adresar/nazev-souboru.mp4" type="video/mp4">
    <source src="/adresar/nazev-souboru.ogg" type="video/ogg">
    Text, který se zobrazí v případě, že video nebude fungovat
</video>

Atributy značky <video>

Atribut: src

Atribut [src] definuje, z jaké adresy má být načteno video. Tento atribut je pochopitelně povinný, jelikož bez něj by video nefungovalo.

Atributy: width a height 

Těmito atributy se určuje velikost videa. Zadávát se tímto způsobem dá pouze v pixelech.

Rozměry můžete také definovat pomocí CSS stylů, a to konkrétně pomocí width: a height.

Atribut: controls

Atribut zajišťující, že internetový prohlížeč zobrazí ovládací prvky videa.

Jaké formáty používat u videa na webu

Podstatné je to, jaký formát umí přehrát internetový prohlížeč. Všechny dnešní moderní internetové prohlížeče umí přehrát formát *.mp4 v kompresi H264. Pokud máte video s příponou *.mp4, ale na stránkách se nezobrazuje, tak příčinou je to, že je v jiné kompresi, než H264. 

Jak je vidět v ukázce výše, můžete prohlížeči nabídnout více druhů videí. Pokud by nedokázal přehrát první odkaz, pokusí se přehrát další.  

Jaké CSS vlastnosti se u odkazů používají nejčastěji

Nejčastěji se používají vlastnosti: width, height, border...

Kam dál

Naše služby Kurz základy HTML a CSS Kurz tvorby webových stránek pomocí systému Joomla