Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Indlejring af Lyd og Video til Rigt Medieindhold | Arbejde med Medier og Tabeller
Ultimativ HTML
course content

Kursusindhold

Ultimativ HTML

Ultimativ HTML

1. Forståelse af Webudvikling
2. HTML Tags og Attributter
3. HTML-Dokumentstruktur
4. Arbejde med Medier og Tabeller
5. HTML-Formularer og Brugerinput

book
Indlejring af Lyd og Video til Rigt Medieindhold

Indlejring af lyd

Du kan bruge <audio> elementet til at inkludere lydfiler på en webside. Lad os overveje et eksempel:

html

index.html

copy

I dette eksempel:

  • <audio> elementet indeholder et <source> element, som specificerer URL'en og filtypen for lydfilen. Almindeligt understøttede formater er MP3 og OGG;

  • controls attributten viser standard afspilningskontroller såsom afspil, pause og lydstyrke;

  • Hvis brugerens browser ikke understøtter lydelementet, vil en fallback-besked blive vist.

Yderligere attributter, der ofte bruges med HTML-lyd-elementet, inkluderer:

  • autoplay: starter afspilning af lydfilen, så snart siden indlæses;

  • loop: får lydfilen til at gentage kontinuerligt;

  • muted: dæmper lyden som standard;

  • volume: angiver standard lydstyrkeniveauet for lydfilen, der spænder fra 0.0 (lydløs) til 1.0 (fuld lydstyrke).

Her er et eksempel, der demonstrerer brugen af alle disse attributter:

html

index.html

copy

Videoindlejring

Du kan indlejre videofiler på en webside ved at bruge <video> elementet. Overvej følgende eksempel:

html

index.html

copy

I dette eksempel:

  • <video> elementet indeholder et <source> element, som specificerer URL'en og filtypen for videofilen. Almindeligt understøttede formater er WebM, MP4 og OGG;

  • controls attributten viser standard afspilningskontroller;

  • Hvis brugerens browser ikke understøtter videoelementet, vil en fallback-besked blive vist.

Almindeligt anvendte attributter for HTML videoelementet inkluderer:

  • autoplay: starter afspilning af videofilen, så snart siden indlæses;

  • loop: får videofilen til at gentage kontinuerligt;

  • muted: dæmper lyden som standard;

  • volume: angiver standard lydstyrkeniveauet for lydfilen, der spænder fra 0.0 (lydløs) til 1.0 (fuld lydstyrke);

  • poster: angiver URL'en til et billede, der skal vises som videoens miniaturebillede, før videoen afspilles;

  • width og height: angiver bredden og højden af videospilleren i pixels.

Her er et eksempel, der demonstrerer brugen af alle disse attributter:

html

index.html

copy

Bemærk

Derudover er der mange JavaScript-biblioteker og API'er tilgængelige, der giver ekstra funktionalitet til afspilning og manipulation af videoindhold på nettet.

question mark

Hvilket af følgende udsagn om <audio> og <video> elementerne i HTML er sandt?

Select the correct answer

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 4. Kapitel 5

Spørg AI

expand
ChatGPT

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

course content

Kursusindhold

Ultimativ HTML

Ultimativ HTML

1. Forståelse af Webudvikling
2. HTML Tags og Attributter
3. HTML-Dokumentstruktur
4. Arbejde med Medier og Tabeller
5. HTML-Formularer og Brugerinput

book
Indlejring af Lyd og Video til Rigt Medieindhold

Indlejring af lyd

Du kan bruge <audio> elementet til at inkludere lydfiler på en webside. Lad os overveje et eksempel:

html

index.html

copy

I dette eksempel:

  • <audio> elementet indeholder et <source> element, som specificerer URL'en og filtypen for lydfilen. Almindeligt understøttede formater er MP3 og OGG;

  • controls attributten viser standard afspilningskontroller såsom afspil, pause og lydstyrke;

  • Hvis brugerens browser ikke understøtter lydelementet, vil en fallback-besked blive vist.

Yderligere attributter, der ofte bruges med HTML-lyd-elementet, inkluderer:

  • autoplay: starter afspilning af lydfilen, så snart siden indlæses;

  • loop: får lydfilen til at gentage kontinuerligt;

  • muted: dæmper lyden som standard;

  • volume: angiver standard lydstyrkeniveauet for lydfilen, der spænder fra 0.0 (lydløs) til 1.0 (fuld lydstyrke).

Her er et eksempel, der demonstrerer brugen af alle disse attributter:

html

index.html

copy

Videoindlejring

Du kan indlejre videofiler på en webside ved at bruge <video> elementet. Overvej følgende eksempel:

html

index.html

copy

I dette eksempel:

  • <video> elementet indeholder et <source> element, som specificerer URL'en og filtypen for videofilen. Almindeligt understøttede formater er WebM, MP4 og OGG;

  • controls attributten viser standard afspilningskontroller;

  • Hvis brugerens browser ikke understøtter videoelementet, vil en fallback-besked blive vist.

Almindeligt anvendte attributter for HTML videoelementet inkluderer:

  • autoplay: starter afspilning af videofilen, så snart siden indlæses;

  • loop: får videofilen til at gentage kontinuerligt;

  • muted: dæmper lyden som standard;

  • volume: angiver standard lydstyrkeniveauet for lydfilen, der spænder fra 0.0 (lydløs) til 1.0 (fuld lydstyrke);

  • poster: angiver URL'en til et billede, der skal vises som videoens miniaturebillede, før videoen afspilles;

  • width og height: angiver bredden og højden af videospilleren i pixels.

Her er et eksempel, der demonstrerer brugen af alle disse attributter:

html

index.html

copy

Bemærk

Derudover er der mange JavaScript-biblioteker og API'er tilgængelige, der giver ekstra funktionalitet til afspilning og manipulation af videoindhold på nettet.

question mark

Hvilket af følgende udsagn om <audio> og <video> elementerne i HTML er sandt?

Select the correct answer

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 4. Kapitel 5
Vi beklager, at noget gik galt. Hvad skete der?
some-alt