XHTML5.NL

Media (X)HTML

  • HTML 5+
  • XHTML 5+
  • IE 9.0+
  • Chrome 3.0+
  • Firefox 3.5+
  • Safari 3.1+
  • Opera 10.5+

autoplay-attribuut

Het booleaanse autoplay-attribuut geeft aan dat de browser automatisch met het afspelen van de media moet beginnen zodra de pagina wordt geladen.

Als dit attribuut is gebruikt, is het autobuffer-attribuut overbodig.

  • <audio autoplay="autoplay" … > … </audio>
  • <video autoplay="autoplay" … > … </video>
  • HTML 5+
  • XHTML 5+
  • IE 9.0+
  • Chrome 3.0+
  • Firefox 3.5+ *
  • Safari 3.1+
  • Opera 10.5+

controls-attribuut

Het booleaanse controls-attribuut moet aanwezig zijn indien de browser een controlepaneel aan de gebruiker beschikbaar moet stellen. Hierin staan knoppen als afspelen, pauzeren, stoppen en dergelijke. Is dit attribuut afwezig, dan zijn deze zaken niet zichtbaar.

Firefox heeft sinds versie 4 problemen met verspringende hoogtes van het besturingselement bij audio.

  • <audio controls="controls" … > … </audio>
  • <video controls="controls" … > … </video>
  • HTML 5+
  • XHTML 5+
  • IE 9.0+
  • Chrome 3.0+
  • Firefox niet
  • Safari 3.1+
  • Opera 10.5+

loop-attribuut

Het booleaanse loop-attribuut geeft aan dat het afspelen oneindig herhaald moet worden. Zonder dit attribuut wordt het afspelen na één keer gestopt.

  • <audio loop="loop" … > … </audio>
  • <video loop="loop" … > … </video>
  • HTML 5+
  • XHTML 5+
  • IE 9.0+
  • Chrome 12.0+
  • Firefox 4.0+
  • Safari 5.0+
  • Opera niet

preload-attribuut

Het preload-attribuut geeft aan in hoeverre het mediabestand moet worden geladen bij het openen van de pagina. De resterende informatie wordt geladen zodra het afspelen begint. De volgende waarden zijn mogelijk:

  • "none": er moet niets worden geladen;
  • "metadata": alleen metainformatie (zoals eerste videoframe, videoafmetingen, lengte van het mediabestand) moet worden geladen;
  • "auto": het hele mediabestand moet worden geladen.

De standaardwaarde is in principe "metadata", maar browsers mogen een afwijkende standaardwaarde hanteren.

  • <audio preload="…" … > … </audio>
  • <video preload="…" … > … </video>
  • HTML 5+
  • XHTML 5+
  • IE 9.0+
  • Chrome 3.0+
  • Firefox 3.5+
  • Safari 3.1+
  • Opera 10.5+

src-attribuut

Het src-attribuut specificeert de locatie van het mediabestand dat moet worden afgespeeld. De waarde heeft de vorm van een koppeling.

Het is ook mogelijk om dit attribuut niet te gebruiken en in plaats daarvan <source>-elementen aan het begin van de inhoud van het media-element toe te voegen.

  • <audio src="…" … > … </audio>
  • <video src="…" … > … </video>