HTML <video> Tag

Snelmenu:

VoorbeeldVoorbeeld:
<video width="65%" height="55%" controls>
  <source src="demo.mp4" type="video/mp4">
  <source src="demo.ogg" type="video/ogg">
  De video tag wordt niet ondersteund door uw browser!
</video>


Beschrijving

De <video> tag wordt gebruikt om een videoclip of een andere video stream in het document op te nemen.


Browser ondersteuning

Het element wordt ondersteund door de volgende browsers:

Element:
<video> Ja Ja Ja Ja Ja Ja


Attributen

De volgende attributen worden door het <video> element ondersteund:

Versie Attribuut Waarde Beschrijving
HTML5 autoplay autoplay De browser begint automatisch met het afspelen van de media.
HTML5 controls controls De browser stelt een controlepaneel beschikbaar voor de gebruiker.
HTML5 height pixels Bepaalt de hoogte van het venster van de video in pixels.
HTML5 loop loop Het afspelen van de media wordt oneindig herhaald.
HTML5 muted muted Geeft aan dat het geluid standaard uitgeschakeld moet zijn.
HTML5 poster url Specificeert de locatie van een afbeelding die getoond moet worden voordat de video wordt afgespeeld, of totdat de gebruiker op de play knop klikt.
HTML5 preload auto
metadata
none
Het preload attribuut geeft aan in hoeverre het mediabestand moet worden geladen bij het openen van het document.
HTML5 src url Bepaalt de locatie van het videobestand dat moet worden afgespeeld.
HTML5 width pixels Bepaalt de breedte van het venster van de video in pixels.


Event attributen

De <video> tag ondersteunt ook de Event attributen in HTML.

Globale attributen

De <video> tag ondersteunt ook de Globale attributen in HTML.


Ad blocker gedetecteerd!
  Ons website heeft gedetecteerd dat u een Ad blocker gebruikt. Codecenter.nl is gratis, wij blijven overeind door het weergeven van advertenties en u kunt ons daarbij helpen. Het wordt aanbevolen om uw Ad blocker uit te schakelen zodat u verder gebruik kunt maken van codecenter.nl, alvast bedankt.