Att bädda in en video liknar att bädda in ljud. Attributen och taggarna som används är jämförbara. Låt oss titta närmare på detta.

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: Anger automatisk uppspelning;
• loop: Möjliggör kontinuerlig upprepning av videon.

Exempel:

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

Videohandledning