HTML <video> src -attribuutti

HTML <video> tagi

Määrittely ja käyttö

src Atribuutti määrittää video-tiedoston sijainnin (URL:n).

Yllä olevassa esimerkissä käytettiin Ogg-tiedostoa, joka toimii Chrome, Edge, Firefox ja Opera -selaimissa.

Videon toistaminen vanhemmissa Internet Explorer ja Safari -selaimissa edellyttää MPEG4-tiedostoa.

Jotta se toimisi kaikissa selaimissa - lisää useita <video> -elementtejä sisään <source> -elementtiJokainen <source> -elementti voi linkittää eri video-tiedostoon. Selain käyttää ensimmäistä tunnistamaansa muotoa.

<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

Esimerkki

Toista videoa:

<video src="shanghai.mp4" controls>
  Selaimesi ei tue video-tagia.
</video>

Kokeile itse

Syntaksi

<video src="URL">

Ominaisuusarvo

Arvo Kuvaus
URL

Video-tiedoston URL.

Mahdolliset arvot:

  • Absoluuttinen URL - osoittaa toiseen verkkosivustoon (esim. src="http://www.example.com/movie.ogg")
  • Suhteellinen URL - osoittaa verkkosivuston sisällä olevaan tiedostoon (esim. src="shanghai.ogg")

Selaimen tuki

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

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

Kaikki suosituimmat selaimet tukevat sitä src Ominaisuudet, mutta ei kaikki selaimet tukevat määritettyjä tiedostomuotoja.

HTML <video> tagi