Wat is het HTML5-video-element?

Het HTML5-<video>-element is een standaardbrowsercomponent voor het insluiten van het afspelen van video. Het kan verwijzen naar een of meer bronbestanden en afspeelbediening, ondertiteling, posters en toegankelijkheidslabels beschikbaar maken.

In de praktijk draait videomarkup vooral om het combineren van de juiste attributen voor jouw gebruikssituatie en ervoor zorgen dat de terugvaltekst betekenisvol is.

Beschrijving van de tool

Deze tool genereert een direct te kopiëren <video>-blok met veelgebruikte attributen zoals bron, poster, afmetingen, preload-gedrag, automatisch afspelen, herhalen en bedieningselementen. Daarnaast toont de tool een livevoorbeeld in de browser.

De tool is handig wanneer je snel videomarkup wilt samenstellen zonder de naam van elk attribuut uit het hoofd te hoeven kennen.

Voorbeelden

  • Een standaard ingesloten video met bedieningselementen en een posterafbeelding
  • Een herhalende gedempte achtergrondvideo
  • Een responsieve videotag met aangepaste terugvaltekst

Functies

  • Veelgebruikte HTML5-videoattributen op één plek
  • Bewerkbare terugvaltekst voor niet-ondersteunde browsers
  • Gegenereerde HTML en een gesandboxte voorbeeldweergave naast elkaar

Hoe werkt het?

De tool bouwt de <video>-markup op basis van de door jou geselecteerde opties en rendert een voorbeeldweergave met, waar mogelijk, dezelfde broninstellingen. De gegenereerde code is bedoeld om naar je eigen pagina te kopiëren.

De voorbeeldweergave is nog steeds afhankelijk van het feit of de browser de media-URL kan laden. Of het afspelen lukt, hangt daarom af van de bron zelf.