HTML <video> etikett

Definition och användning

<video> Taggen används för att infoga videoinnehåll i dokumentet, till exempel klipp från filmer eller andra videor.

<video> Taggen innehåller en eller flera taggar med olika videokällor <source> taggen. Webbläsaren väljer den första källa den stöder.

<video> och </video> Text mellan taggar visas bara om de inte stöds <video> visas i webbläsaren för elementet.

HTML stöder tre videoformat: MP4, WebM och OGG.

Webbläsare MP4 WebM Ogg
Edge Stödjer Stödjer Stödjer
Chrome Stödjer Stödjer Stödjer
Firefox Stödjer Stödjer Stödjer
Safari Stödjer Stödjer Stödjer inte
Opera Stödjer Stödjer Stödjer

Se också:

HTML DOM referenshandbok:HTML Audio/Video DOM referenshandbok

Exempel

Spela upp video:

<video width="640" height="360" controls>
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  Din webbläsare stöder inte video-taggen.
</video>

Prova själv

Tips och kommentarer

Tips:För ljudfiler, se <audio>-taggen.

Valfri egenskap

Egenskap Värde Beskrivning
autoplay autoplay Definiera att videoen ska börja spela omedelbart när den är redo.
controls controls Definiera vilka videokontroller som ska visas (t.ex. play/pause-knappar).
height Pixel Ställ in höjden på videospelaren.
loop loop Definiera att videoen ska börja om vid varje slut.
muted muted Definiera att videos ljudutgång ska vara tyst.
poster URL Definiera bilden som ska visas under nedladdning av videoen eller innan användaren klickar på spelknappen.
preload
  • auto
  • metadata
  • none
 Definiera om videoen ska laddas eller hur den ska laddas när sidan laddas.
src URL Definiera URL:en för videофilen.
width Pixel Ställ in bredden på videospelaren.

Globala egenskaper

<video> Etiketterna stöder också Globala egenskaper i HTML.

Händelseegenskaper

<video> Etiketterna stöder också Händelseegenskaper i HTML.

Standard CSS-inställningar

Inget.

Webbläsarstöd

Numrerna i tabellen anger den första webbläsarens version som helt stöder egenskapen.

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