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
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
HTML-Essentials

bookVideo Integreren in Webpagina's

Een video insluiten lijkt op het insluiten van audio. De gebruikte attributen en tags zijn vergelijkbaar.

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: specificeert automatische afspeelfunctie;
  • loop: maakt continue herhaling van de video mogelijk.
<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
Note
Opmerking

Veel ondersteunde videoformaten zijn onder andere MP4, WebM en Ogg. Het is aan te raden om de video in meerdere formaten aan te bieden om compatibiliteit met verschillende browsers en apparaten te waarborgen.

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.

Suggested prompts:

Can you show me the HTML code for adding two videos with titles?

How do I add width to the video element?

Why is it important to use lists for structuring video content?

bookVideo Integreren in Webpagina's

Veeg om het menu te tonen

Een video insluiten lijkt op het insluiten van audio. De gebruikte attributen en tags zijn vergelijkbaar.

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: specificeert automatische afspeelfunctie;
  • loop: maakt continue herhaling van de video mogelijk.
<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
Note
Opmerking

Veel ondersteunde videoformaten zijn onder andere MP4, WebM en Ogg. Het is aan te raden om de video in meerdere formaten aan te bieden om compatibiliteit met verschillende browsers en apparaten te waarborgen.

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