Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Leer Video Integreren in Webpagina's | Afbeeldingen en Media
HTML-Essentials

bookVideo Integreren in Webpagina's

Een video insluiten is vergelijkbaar met het insluiten van audio. De gebruikte attributen en tags zijn vergelijkbaar. Hieronder volgt een gedetailleerd overzicht.

Video insluiten

De <video>-tag voegt videocontent toe aan een HTML-document, waardoor gebruikers video's direct in de browser kunnen afspelen.

Video-attributen

  • controls: Voegt videobediening toe voor afspelen, pauzeren en volumeregeling;
  • autoplay: Geeft automatische afspeelfunctie aan;
  • loop: Maakt continue herhaling van de video mogelijk.

Voorbeeld:

<video controls autoplay loop>
  <!-- Source tags will be defined here -->
</video>

Bron

De <source>-tag wordt gebruikt binnen de <video>-tag om de bron (URL) van het videobestand en de bijbehorende attributen op te geven. src specificeert de URL van het videobestand. type specificeert het MIME-type van het videobestand.
Voorbeeld:

<video controls autoplay loop>
  <source src="video-url.mp4" type="video/mp4" />
  <source src="video-url.webm" type="video/webm" />
  Your browser does not support the video element.
</video>

In het bovenstaande voorbeeld:

  • De <video>-tag bevat de attributen controls, autoplay en loop;
  • De <source>-tags geven de bron-URL's van de videobestanden en hun MIME-types op;
  • Als de browser de <video>-tag of de opgegeven videoformaten niet ondersteunt, wordt de alternatieve tekst Your browser does not support the video element. weergegeven.
index.html

index.html

copy

Videotutorial

1. Welke tag wordt gebruikt om videocontent in een HTML-document in te sluiten?

2. Welke attribuut van de <video>- en <audio>-tags voegt bedieningselementen toe zoals afspelen, pauzeren en volumeregeling?

question mark

Welke tag wordt gebruikt om videocontent in een HTML-document in te sluiten?

Select the correct answer

question mark

Welke attribuut van de <video>- en <audio>-tags voegt bedieningselementen toe zoals afspelen, pauzeren en volumeregeling?

Select the correct answer

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 3. Hoofdstuk 5

Vraag AI

expand

Vraag AI

ChatGPT

Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.

Awesome!

Completion rate improved to 3.13

bookVideo Integreren in Webpagina's

Veeg om het menu te tonen

Een video insluiten is vergelijkbaar met het insluiten van audio. De gebruikte attributen en tags zijn vergelijkbaar. Hieronder volgt een gedetailleerd overzicht.

Video insluiten

De <video>-tag voegt videocontent toe aan een HTML-document, waardoor gebruikers video's direct in de browser kunnen afspelen.

Video-attributen

  • controls: Voegt videobediening toe voor afspelen, pauzeren en volumeregeling;
  • autoplay: Geeft automatische afspeelfunctie aan;
  • loop: Maakt continue herhaling van de video mogelijk.

Voorbeeld:

<video controls autoplay loop>
  <!-- Source tags will be defined here -->
</video>

Bron

De <source>-tag wordt gebruikt binnen de <video>-tag om de bron (URL) van het videobestand en de bijbehorende attributen op te geven. src specificeert de URL van het videobestand. type specificeert het MIME-type van het videobestand.
Voorbeeld:

<video controls autoplay loop>
  <source src="video-url.mp4" type="video/mp4" />
  <source src="video-url.webm" type="video/webm" />
  Your browser does not support the video element.
</video>

In het bovenstaande voorbeeld:

  • De <video>-tag bevat de attributen controls, autoplay en loop;
  • De <source>-tags geven de bron-URL's van de videobestanden en hun MIME-types op;
  • Als de browser de <video>-tag of de opgegeven videoformaten niet ondersteunt, wordt de alternatieve tekst Your browser does not support the video element. weergegeven.
index.html

index.html

copy

Videotutorial

1. Welke tag wordt gebruikt om videocontent in een HTML-document in te sluiten?

2. Welke attribuut van de <video>- en <audio>-tags voegt bedieningselementen toe zoals afspelen, pauzeren en volumeregeling?

question mark

Welke tag wordt gebruikt om videocontent in een HTML-document in te sluiten?

Select the correct answer

question mark

Welke attribuut van de <video>- en <audio>-tags voegt bedieningselementen toe zoals afspelen, pauzeren en volumeregeling?

Select the correct answer

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 3. Hoofdstuk 5
some-alt