HTML tag <video>


Příklad

Přehrát video:

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

Definice a použití

Tag <video>se používá k vložení video obsahu do dokumentu, jako je filmový klip nebo jiné video streamy.

Značka <video>obsahuje jednu nebo více <source>značek s různými zdroji videa. Prohlížeč vybere první zdroj, který podporuje.

Text mezi značkami <video>a </video> se zobrazí pouze v prohlížečích, které nepodporují prvek <video>.

Existují tři podporované formáty videa v HTML: MP4, WebM a OGG.

Browser MP4 WebM Ogg
Edge YES YES YES
Chrome YES YES YES
Firefox YES YES YES
Safari YES YES NO
Opera YES YES YES

Tipy a poznámky

Tip: U zvukových souborů se podívejte na štítek. <audio>



Podpora prohlížeče

Čísla v tabulce určují první verzi prohlížeče, která prvek plně podporuje.

Element
<video> 4.0 9.0 3.5 3.1 11.5

Volitelné atributy

Attribute Value Description
autoplay autoplay Specifies that the video will start playing as soon as it is ready
controls controls Specifies that video controls should be displayed (such as a play/pause button etc).
height pixels Sets the height of the video player
loop loop Specifies that the video will start over again, every time it is finished
muted muted Specifies that the audio output of the video should be muted
poster URL Specifies an image to be shown while the video is downloading, or until the user hits the play button
preload auto
metadata
none
Specifies if and how the author thinks the video should be loaded when the page loads
src URL Specifies the URL of the video file
width pixels Sets the width of the video player

Globální atributy

Značka <video>také podporuje globální atributy v HTML .


Atributy události

Značka <video>také podporuje atributy událostí v HTML .


Související stránky

HTML DOM reference: HTML Audio/Video DOM Reference


Výchozí nastavení CSS

Žádný.