Å integrere en video ligner på å integrere lyd. Attributtene og taggene som brukes er sammenlignbare. La oss se nærmere på dette.

Integrering av video

<video>-taggen integrerer videoinnhold i et HTML-dokument, slik at brukere kan spille av videoer direkte i nettleseren.

Videoattributter

• controls: Legger til videokontroller for avspilling, pause og volumjustering;
• autoplay: Angir automatisk avspilling;
• loop: Muliggjør kontinuerlig gjentakelse av videoen.

Eksempel:

<video controls autoplay loop>
  <!-- Source tags will be defined here -->
</video>

Kilde

<source>-taggen brukes innenfor <video>-taggen for å angi kilden (URL) til videofilen og dens attributter. src angir URL-en til videofilen. type angir MIME-typen til videofilen.
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 eksempelet over:

• <video>-taggen inkluderer attributtene controls, autoplay og loop;
• <source>-taggene angir kilde-URL-ene til videofilene og deres MIME-typer;
• Hvis nettleseren ikke støtter <video>-taggen eller de angitte videoformatene, vises alternativ tekst: Your browser does not support the video element.

Videoveiledning