Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Integration af Video på Websider | Billeder og Medier
HTML-Grundlæggende

bookIntegration af Video på Websider

Indlejring af en video ligner indlejring af lyd. De anvendte attributter og tags er sammenlignelige. Lad os se nærmere på det.

Indlejring af video

<video>-tagget indlejrer videoindhold i et HTML-dokument, hvilket gør det muligt for brugere at afspille videoer direkte i browseren.

Videoattributter

  • controls: Tilføjer videokontroller til afspilning, pause og justering af lydstyrke;
  • autoplay: Angiver automatisk afspilning;
  • loop: Muliggør kontinuerlig gentagelse af videoen.

Eksempel:

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

Kilde

<source>-tagget bruges inden for <video>-tagget til at angive kilden (URL) til videofilen og dens attributter. src angiver URL'en til videofilen. type angiver MIME-typen for videofilen.
Eksempel:

<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>

I eksemplet ovenfor:

  • <video>-tagget indeholder attributterne controls, autoplay og loop;
  • <source>-taggene angiver kilde-URL'erne til videofilerne og deres MIME-typer;
  • Hvis browseren ikke understøtter <video>-tagget eller de angivne videoformater, vises den alternative tekst Your browser does not support the video element..
index.html

index.html

copy

Videovejledning

1. Hvilket tag bruges til at integrere videoindhold i et HTML-dokument?

2. Hvilket attribut på <video> og <audio> tags tilføjer kontroller som afspil, pause og justering af lydstyrke?

question mark

Hvilket tag bruges til at integrere videoindhold i et HTML-dokument?

Select the correct answer

question mark

Hvilket attribut på <video> og <audio> tags tilføjer kontroller som afspil, pause og justering af lydstyrke?

Select the correct answer

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 3. Kapitel 5

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Awesome!

Completion rate improved to 3.13

bookIntegration af Video på Websider

Stryg for at vise menuen

Indlejring af en video ligner indlejring af lyd. De anvendte attributter og tags er sammenlignelige. Lad os se nærmere på det.

Indlejring af video

<video>-tagget indlejrer videoindhold i et HTML-dokument, hvilket gør det muligt for brugere at afspille videoer direkte i browseren.

Videoattributter

  • controls: Tilføjer videokontroller til afspilning, pause og justering af lydstyrke;
  • autoplay: Angiver automatisk afspilning;
  • loop: Muliggør kontinuerlig gentagelse af videoen.

Eksempel:

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

Kilde

<source>-tagget bruges inden for <video>-tagget til at angive kilden (URL) til videofilen og dens attributter. src angiver URL'en til videofilen. type angiver MIME-typen for videofilen.
Eksempel:

<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>

I eksemplet ovenfor:

  • <video>-tagget indeholder attributterne controls, autoplay og loop;
  • <source>-taggene angiver kilde-URL'erne til videofilerne og deres MIME-typer;
  • Hvis browseren ikke understøtter <video>-tagget eller de angivne videoformater, vises den alternative tekst Your browser does not support the video element..
index.html

index.html

copy

Videovejledning

1. Hvilket tag bruges til at integrere videoindhold i et HTML-dokument?

2. Hvilket attribut på <video> og <audio> tags tilføjer kontroller som afspil, pause og justering af lydstyrke?

question mark

Hvilket tag bruges til at integrere videoindhold i et HTML-dokument?

Select the correct answer

question mark

Hvilket attribut på <video> og <audio> tags tilføjer kontroller som afspil, pause og justering af lydstyrke?

Select the correct answer

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 3. Kapitel 5
some-alt