Videa

V minulých cvičeních jsme stránku oživili obrázkem. Nyní se podíváme na další důležitý prvek, a tím je video. Na rozdíl od obrázku má video otevírací tag, zavírací tag i obsah.

<video src="adresa-videa" controls>
	Video není podporováno.
</video>

Prvek video také používá atribut src, jehož hodnotou je adresa videa, podobně jako u obrázků.

Dále vidíme atribut controls, který nemá hodnotu. Je to takzvaný logický (booleovský) atribut: buď je zapnutý, nebo vypnutý. Když ho prvek má, je zapnutý a prohlížeč zobrazí tlačítka pro ovládání videa (přehrát, hlasitost a další). Když ho nemá, je vypnutý a tlačítka se nezobrazí.

Poslední věc, které si můžeme všimnout, je text uvnitř prvku, Video není podporováno. Prohlížeče, které umí video přehrát, ho ignorují, a zobrazí ho jen prohlížeč, který video přehrávat vůbec neumí. Takový dnes skoro nenajdete, takže tento text neuvidíte. Nezobrazí se ani tehdy, když se video nepodaří načíst.

Pokyny

Nad odkaz Zdroj vytvořte prvek video s atributem src s hodnotou /learn/html/cats-playing.webm.

Přidejte videu atribut controls, aby se dalo ovládat.

Do prvku video napište text Video není podporováno.

Začněte programovat zdarma

Registrací souhlasíte s provozními podmínkami a zásadami ochrany osobních údajů.

Nebo se registrujte pomocí:

7/12