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.

Indlejring af video

<video>-tagget integrerer 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.
<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 videofilens MIME-type.
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
Note
Bemærk

Almindeligt understøttede videoformater omfatter MP4, WebM og Ogg. Det anbefales at levere videoen i flere formater for at sikre kompatibilitet på tværs af forskellige browsere og enheder.

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

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?

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.

Indlejring af video

<video>-tagget integrerer 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.
<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 videofilens MIME-type.
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
Note
Bemærk

Almindeligt understøttede videoformater omfatter MP4, WebM og Ogg. Det anbefales at levere videoen i flere formater for at sikre kompatibilitet på tværs af forskellige browsere og enheder.

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