Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lära Lägga till Videoelement | Arbeta med Media och Tabeller
Ultimate HTML

bookLägga till Videoelement

Du kan bädda in videofiler på en webbsida med hjälp av <video>-elementet. Se följande exempel:

index.html

index.html

copy

I detta exempel:

  • <video>-elementet innehåller ett <source>-element som anger URL och filtyp för videofilen. Vanligt förekommande format är WebM, MP4 och OGG;
  • Attributet controls visar standardkontroller för uppspelning;
  • Om användarens webbläsare inte stöder videoelementet visas ett reservmeddelande.

Vanligt förekommande attribut för HTML videoelement inkluderar:

  • autoplay: startar uppspelningen av videofilen så snart sidan har laddats;
  • loop: gör att videofilen spelas upp i en oändlig slinga;
  • muted: stänger av ljudet som standard;
  • volume: anger standardvolymnivån för ljudfilen, från 0.0 (tyst) till 1.0 (full volym);
  • poster: anger URL:en till en bild som visas som videominiatyr innan videon spelas upp;
  • width och height: anger bredd och höjd på videospelaren i pixlar.

Här är ett exempel som visar användningen av alla dessa attribut:

index.html

index.html

copy
Note
Notering

Dessutom finns det många JavaScript-bibliotek och API:er tillgängliga som erbjuder ytterligare funktionalitet för att spela upp och manipulera videoinnehåll på webben.

question mark

Vilka av följande är giltiga attribut som du kan använda med HTML-elementet video?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 4. Kapitel 6

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

Suggested prompts:

Can you show me the example with all these attributes included?

What does the fallback message look like in practice?

Can you explain more about the `poster` attribute and how to use it?

bookLägga till Videoelement

Svep för att visa menyn

Du kan bädda in videofiler på en webbsida med hjälp av <video>-elementet. Se följande exempel:

index.html

index.html

copy

I detta exempel:

  • <video>-elementet innehåller ett <source>-element som anger URL och filtyp för videofilen. Vanligt förekommande format är WebM, MP4 och OGG;
  • Attributet controls visar standardkontroller för uppspelning;
  • Om användarens webbläsare inte stöder videoelementet visas ett reservmeddelande.

Vanligt förekommande attribut för HTML videoelement inkluderar:

  • autoplay: startar uppspelningen av videofilen så snart sidan har laddats;
  • loop: gör att videofilen spelas upp i en oändlig slinga;
  • muted: stänger av ljudet som standard;
  • volume: anger standardvolymnivån för ljudfilen, från 0.0 (tyst) till 1.0 (full volym);
  • poster: anger URL:en till en bild som visas som videominiatyr innan videon spelas upp;
  • width och height: anger bredd och höjd på videospelaren i pixlar.

Här är ett exempel som visar användningen av alla dessa attribut:

index.html

index.html

copy
Note
Notering

Dessutom finns det många JavaScript-bibliotek och API:er tillgängliga som erbjuder ytterligare funktionalitet för att spela upp och manipulera videoinnehåll på webben.

question mark

Vilka av följande är giltiga attribut som du kan använda med HTML-elementet video?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 4. Kapitel 6
some-alt