autoplay HTML attribuut
2 elementen kennen dit attribuut. Klik op een tag voor de volledige uitleg van dat element.
Wat doet het autoplay attribuut?
Boolean attribuut dat het afspelen van het medium automatisch start zodra er genoeg data geladen is. De meeste browsers staan autoplay met geluid alleen toe als het element ook muted is.
<video src="intro.mp4" autoplay muted loop></video>Welke HTML-elementen kennen autoplay?
<audio>
Het <audio>-HTML-element wordt gebruikt om geluidsinhoud in documenten in te sluiten. Het kan een of meer audiobronnen bevatten, weergegeven...
Een booleaans attribuut: indien opgegeven, begint de audio automatisch met afspelen zodra dat kan, zonder te wachten tot het gehele audiobestand is gedownload.
Sites die automatisch audio afspelen (of video's met een audiospoor) kunnen een onprettige ervaring voor gebruikers opleveren, dus dit moet zo veel mogelijk worden vermeden. Als u toch autoplay-functionaliteit moet aanbieden, moet u dit opt-in maken (waarbij een gebruiker het specifiek moet inschakelen). Dit kan echter nuttig zijn bij het maken van media-elementen waarvan de bron op een later moment onder gebruikerscontrole wordt ingesteld. Zie onze autoplay-gids voor meer informatie over het correct gebruiken van autoplay.
Audio met het loading="lazy"-attribuut ingesteld begint pas te downloaden en automatisch af te spelen wanneer de bediening van de media zich nabij of binnen de viewport bevindt. Lazy geladen audio zonder het controls-attribuut speelt niet automatisch af.
<video>
Het <video>-HTML-element sluit een mediaspeler in het document in die videoweergave ondersteunt. Je kunt <video> ook gebruiken voor audio-in...
Een booleaans attribuut; indien opgegeven, begint de video automatisch met afspelen zodra dit mogelijk is, zonder te wachten tot het laden van de gegevens volledig is voltooid.
Moderne browsers blokkeren het automatisch afspelen van audio (of video's met een niet-gedempt audiospoor), omdat sites die automatisch audio afspelen een onprettige ervaring kunnen zijn voor gebruikers. Zie onze handleiding voor automatisch afspelen voor aanvullende informatie over het juiste gebruik van autoplay.
Om automatisch afspelen van video uit te schakelen, werkt autoplay="false" niet; de video speelt automatisch af zolang het attribuut aanwezig is in de <video>-tag. Om autoplay te verwijderen, moet het attribuut volledig worden verwijderd.
Video's met het loading="lazy"-attribuut ingesteld, beginnen pas met downloaden en automatisch afspelen zodra het element zich in of nabij het viewport bevindt.