HTML <video> tag

Definitie en gebruik

<video> De tag wordt gebruikt om video-inhoud in een document in te sluiten, zoals een filmfragment of andere videostream.

<video> De tag bevat een of meerdere tags met verschillende videobronnen <source> tagDe browser kiest de eerste bron die het ondersteunt.

<video> en </video> Tekst tussen tags wordt alleen weergegeven in browsers die het niet ondersteunen <video> wordt weergegeven in de browser van het element.

HTML ondersteunt drie videoformaten: MP4, WebM en OGG.

Browser MP4 WebM Ogg
Edge Ondersteund Ondersteund Ondersteund
Chrome Ondersteund Ondersteund Ondersteund
Firefox Ondersteund Ondersteund Ondersteund
Safari Ondersteund Ondersteund Niet ondersteund
Opera Ondersteund Ondersteund Ondersteund

Zie ook:

HTML DOM referentiehandleiding:HTML Audio/Video DOM referentiehandleiding

Voorbeeld

Speel video af:

<video width="640" height="360" controls>
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  Uw browser ondersteunt geen video tags.
</video>

Probeer het zelf uit

Tips en annotaties

Tip:Voor audio-bestanden, zie de <audio> tag.

Optionele eigenschap

Eigenschap Waarde Beschrijving
autoplay autoplay Bepaal dat de video onmiddellijk moet beginnen afspelen nadat de video klaar is.
controls controls Bepaal welke videocontrole elementen (bijvoorbeeld play/pause knoppen) moeten worden weergegeven.
height pixels Stel de hoogte van de videospeler in.
loop loop Bepaal dat de video opnieuw moet beginnen bij elke afsluiting.
muted muted Specificeer dat de audio-uitvoer van de video gedemuted moet worden.
poster URL Bepaal het beeld dat moet worden weergegeven tijdens het downloaden van de video of voordat de gebruiker op de speelknop klikt.
preload
  • auto
  • metadata
  • none
 Bepaal of de video moet laden of hoe het moet laden bij het laden van de pagina.
src URL Specificeer de URL van het videobestand.
width pixels Stel de breedte van de videospeler in.

Globale eigenschappen

<video> De tag ondersteunt ook Globale eigenschappen in HTML.

Evenementseigenschappen

<video> De tag ondersteunt ook Evenementseigenschappen in HTML.

Standaard CSS instellingen

Geen.

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.

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