HTML <video> tag

DefinITION OG BRUG

<video> tagget bruges til at indlejre videoindhold i dokumentet, såsom filmklip eller andre videostreams.

<video> tagget indeholder en eller flere tags med forskellige videokilder <source> taggetbrowseren vælger den første kilde, den understøtter.

<video> og </video> Teksten mellem tagget vil kun blive vist, hvis <video> vises i browseren for elementet.

HTML understøtter tre videoformater: MP4, WebM og OGG.

Browser MP4 WebM Ogg
Edge Understøttet Understøttet Understøttet
Chrome Understøttet Understøttet Understøttet
Firefox Understøttet Understøttet Understøttet
Safari Understøttet Understøttet Ikke understøttet
Opera Understøttet Understøttet Understøttet

Se også:

HTML DOM referencerhåndbog:HTML Audio/Video DOM reference manual

Eksempel

Afspil videoen:

<video width="640" height="360" controls>
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  Din browser understøtter ikke video-tagget.
</video>

Prøv det selv

Vedviser og kommentarer

Vedviser:For lydfiler, se <audio>-tagget.

Valgfrit egenskab

Egenskab Værdi Beskrivelse
autoplay autoplay Definer at videoen skal starte med det samme, når den er klar.
controls controls Definer hvilke videokontroller (f.eks. afspil/pause-knapper) der skal vises.
height pixels Indstil højden på videoafspilleren.
loop loop Definer at videoen skal starte forfra hver gang den afsluttes.
muted muted Definer om lyden skal være støbt ud på videoen.
poster URL Definer billedet, der skal vises under download af videoen eller før brugeren klikker på afspilningsknappen.
preload
  • auto
  • metadata
  • none
 Definer om videoen skal indlæses eller hvordan den skal indlæses ved siden af siden indlæses.
src URL Definer URL'en til videofilen.
width pixels Indstil videoafspillers bredden.

Global attributes

<video> The tag also supports Global attributes in HTML.

event attributes

<video> The tag also supports Event attributes in HTML.

Default CSS settings

None.

Browser support

The numbers in the table indicate the first browser version to fully support this attribute.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.1 11.5