Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Integrering av Video i Webbsidor | Bilder och Media
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
HTML-Grunder

bookIntegrering av Video i Webbsidor

Att bädda in en video liknar att bädda in ett ljud. Attributen och taggarna som används är jämförbara.

Inbäddning av video

<video>-taggen bäddar in videoinnehåll i ett HTML-dokument, vilket gör det möjligt för användare att spela upp videor direkt i webbläsaren.

Videoattribut

  • controls: lägger till videokontroller för uppspelning, paus och volymjustering;
  • autoplay: specificerar automatisk uppspelning;
  • loop: möjliggör kontinuerlig upprepning av videon.
<video controls autoplay loop>
  <!-- Source tags will be defined here -->
</video>

Källa

Taggen <source> används inom <video>-taggen för att ange källan (URL) till videofilen och dess attribut. src anger URL:en till videofilen. type anger videofilens MIME-typ.
Exempel:

<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 exemplet ovan:

  • <video>-taggen innehåller attributen controls, autoplay och loop;
  • <source>-taggarna anger käll-URL:er för videofilerna och deras MIME-typer;
  • Om webbläsaren inte stöder <video>-taggen eller de angivna videoformaten visas den alternativa texten Your browser does not support the video element..
index.html

index.html

copy
Note
Observera

Vanligt förekommande videoformat inkluderar MP4, WebM och Ogg. Det rekommenderas att tillhandahålla videon i flera format för att säkerställa kompatibilitet mellan olika webbläsare och enheter.

1. Vilken tagg används för att bädda in videoinnehåll i ett HTML-dokument?

2. Vilket attribut för taggarna <video> och <audio> lägger till kontroller som spela, pausa och volymjustering?

question mark

Vilken tagg används för att bädda in videoinnehåll i ett HTML-dokument?

Select the correct answer

question mark

Vilket attribut för taggarna <video> och <audio> lägger till kontroller som spela, pausa och volymjustering?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 3. Kapitel 5

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

bookIntegrering av Video i Webbsidor

Svep för att visa menyn

Att bädda in en video liknar att bädda in ett ljud. Attributen och taggarna som används är jämförbara.

Inbäddning av video

<video>-taggen bäddar in videoinnehåll i ett HTML-dokument, vilket gör det möjligt för användare att spela upp videor direkt i webbläsaren.

Videoattribut

  • controls: lägger till videokontroller för uppspelning, paus och volymjustering;
  • autoplay: specificerar automatisk uppspelning;
  • loop: möjliggör kontinuerlig upprepning av videon.
<video controls autoplay loop>
  <!-- Source tags will be defined here -->
</video>

Källa

Taggen <source> används inom <video>-taggen för att ange källan (URL) till videofilen och dess attribut. src anger URL:en till videofilen. type anger videofilens MIME-typ.
Exempel:

<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 exemplet ovan:

  • <video>-taggen innehåller attributen controls, autoplay och loop;
  • <source>-taggarna anger käll-URL:er för videofilerna och deras MIME-typer;
  • Om webbläsaren inte stöder <video>-taggen eller de angivna videoformaten visas den alternativa texten Your browser does not support the video element..
index.html

index.html

copy
Note
Observera

Vanligt förekommande videoformat inkluderar MP4, WebM och Ogg. Det rekommenderas att tillhandahålla videon i flera format för att säkerställa kompatibilitet mellan olika webbläsare och enheter.

1. Vilken tagg används för att bädda in videoinnehåll i ett HTML-dokument?

2. Vilket attribut för taggarna <video> och <audio> lägger till kontroller som spela, pausa och volymjustering?

question mark

Vilken tagg används för att bädda in videoinnehåll i ett HTML-dokument?

Select the correct answer

question mark

Vilket attribut för taggarna <video> och <audio> lägger till kontroller som spela, pausa och volymjustering?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 3. Kapitel 5
some-alt