Naar de inhoud
Gratis naslagwerk over HTML
HTML leren en naslaan
Naslag / Attribuut

preload HTML attribuut

2 elementen kennen dit attribuut. Klik op een tag voor de volledige uitleg van dat element.

Wat doet het preload attribuut?

Geeft de browser een hint over hoeveel van het media-bestand vooraf geladen moet worden: "none" (niets), "metadata" (alleen duur en afmetingen) of "auto" (het hele bestand als de browser dat zinvol acht). De browser mag deze hint negeren, bijvoorbeeld bij een databesparende instelling.

HTML
<audio src="podcast.mp3" preload="metadata" controls></audio>

Welke HTML-elementen kennen preload?

<audio>

Het <audio>-HTML-element wordt gebruikt om geluidsinhoud in documenten in te sluiten. Het kan een of meer audiobronnen bevatten, weergegeven...

Dit enumerated-attribuut is bedoeld om de browser een hint te geven over wat volgens de auteur zal leiden tot de beste gebruikerservaring. Het kan een van de volgende waarden hebben:

  • none: Geeft aan dat de audio niet vooraf geladen moet worden.
  • metadata: Geeft aan dat alleen audiometadata (bijv. lengte) wordt opgehaald.
  • auto: Geeft aan dat het volledige audiobestand kan worden gedownload, zelfs als niet wordt verwacht dat de gebruiker het gebruikt.
  • lege string: Een synoniem van de waarde auto.

De standaardwaarde verschilt per browser. De specificatie adviseert deze in te stellen op metadata.

Opmerking
  • Audio met het loading="lazy"-attribuut ingesteld past het preload-gedrag pas toe zodra de audiobediening zich nabij of binnen de viewport bevindt.
  • Het autoplay-attribuut heeft voorrang boven preload. Als autoplay is opgegeven, moet de browser uiteraard beginnen met het downloaden van de audio voor afspelen.
  • De browser is door de specificatie niet verplicht de waarde van dit attribuut te volgen; het is slechts een hint.
Alles over <audio> →

<video>

Het <video>-HTML-element sluit een mediaspeler in het document in die videoweergave ondersteunt. Je kunt <video> ook gebruiken voor audio-in...

Dit enumerated attribuut is bedoeld om de browser een hint te geven over wat volgens de auteur zal leiden tot de beste gebruikerservaring wat betreft welke inhoud wordt geladen voordat de video wordt afgespeeld. Het kan een van de volgende waarden hebben:

  • none: Geeft aan dat de video niet vooraf moet worden geladen.
  • metadata: Geeft aan dat alleen metadata van de video (bijv. de lengte) wordt opgehaald.
  • auto: Geeft aan dat het volledige videobestand kan worden gedownload, zelfs als de gebruiker het naar verwachting niet zal gebruiken.
  • lege string: Een synoniem van de waarde auto.

De standaardwaarde verschilt per browser. De specificatie adviseert deze in te stellen op metadata.

Opmerking
  • Video's met het loading="lazy"-attribuut ingesteld, passen het preload-gedrag pas toe zodra de video zich in of nabij het viewport bevindt.
  • Het autoplay-attribuut heeft voorrang op preload. Als autoplay is opgegeven, moet de browser uiteraard beginnen met het downloaden van de video om deze te kunnen afspelen.
  • De specificatie dwingt de browser niet om de waarde van dit attribuut te volgen; het is slechts een hint.
Alles over <video> →

Andere attributen van deze elementen