HTML <video> -elementti

Määrittely ja käyttö

<video> Tagi käytetään dokumentissa sisällyttämään video sisältöä, kuten elokuvan kohtauksia tai muita videolähteitä.

<video> Tagi sisältää yhden tai useamman eri videolähteen <source> -tagiselaimessa, joka ei tue

<video> ja </video> Teksti välissä olevat tekstit näytetään vain <video> elementin selaimessa.

HTML tukee kolmea videomuotoa: MP4, WebM ja OGG.

Selaus MP4 WebM Ogg
Edge Tukee Tukee Tukee
Chrome Tukee Tukee Tukee
Firefox Tukee Tukee Tukee
Safari Tukee Tukee Ei tue
Opera Tukee Tukee Tukee

Katso myös:

HTML DOM -oppaasti:HTML Audio/Video DOM -viittauskirja

Esimerkki

Toista videoa:

<video width="640" height="360" controls>
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  Selaimesi ei tue video-tagia.
</video>

Kokeile itse

Vinkit ja huomiot

Vinkki:Äänitiedostoja varten katso <audio>-tagi.

Vapaaehtoinen ominaisuus

Ominaisuus Arvo Kuvaus
autoplay autoplay Määritä, aloitetaanko video heti, kun se on valmis.
controls controls Määritä näytettävät videokontrollit (esim. toisto/pausa-painikkeet).
height 像素 Aseta videopelaajan korkeus.
loop loop Määritä, aloitetaanko video uudelleen aina lopetuksen jälkeen.
muted muted Määritä, pitääkö videon ääni olla hiljainen.
poster URL Määritä kuva, joka näytetään video latauksen aikana tai ennen kuin käyttäjä napsauttaa toisto-painiketta.
preload
  • auto
  • metadata
  • none
 Määritä, ladataanko video sivun latauksen yhteydessä tai miten se ladataan.
src URL Määritä videofilein URL.
width 像素 Aseta videopelaajan leveys.

Globaalit ominaisuudet

<video> Tunniste tukee myös HTML:ssä olevat globaalit ominaisuudet.

Tapahtumamäärittelyominaisuudet

<video> Tunniste tukee myös HTML:ssä olevat tapahtumamäärittelyominaisuudet.

Oletusarvoinen CSS -asetus

Ei tietoa.

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee tätä ominaisuutta täysin.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.1 11.5