Mikä on HTML5-videoelementti?

HTML5:n <video>-elementti on selaimen vakiokomponentti videon toiston upottamiseen. Se voi viitata yhteen tai useampaan lähdetiedostoon ja tarjota toiston hallintatoiminnot, tekstitykset, esikatselukuvat ja saavutettavuusmerkinnät.

Käytännössä videomerkintä koostuu pääasiassa käyttötarkoitukseen sopivien määritteiden yhdistämisestä ja siitä, että varateksti on merkityksellinen.

Työkalun kuvaus

Tämä työkalu luo valmiin kopioitavan <video>-lohkon, joka sisältää yleisiä määritteitä, kuten lähteen, esikatselukuvan, mitat, esilatauksen toiminnan, automaattisen toiston, silmukan ja hallintatoiminnot. Se näyttää myös reaaliaikaisen esikatselun selaimessa.

Työkalu on hyödyllinen, kun haluat koota videomerkinnän nopeasti ilman, että sinun tarvitsee muistaa kaikkien määritteiden nimiä.

Esimerkkejä

  • Tavallinen upotettu video, jossa on hallintatoiminnot ja esikatselukuva
  • Silmukassa toistettava mykistetty taustavideo
  • Responsiivinen videoelementti mukautetulla varatekstillä

Ominaisuudet

  • Useita yleisiä HTML5-videoattribuutteja yhdessä paikassa
  • Muokattava varateksti selaimille, jotka eivät tue ominaisuutta
  • Luotu HTML-koodi ja eristetty esikatselu rinnakkain

Miten se toimii

Työkalu muodostaa <video>-merkinnän valitsemiesi asetusten perusteella ja näyttää esikatselun käyttäen samoja lähdeasetuksia aina kun mahdollista. Luotu koodi on tarkoitettu kopioitavaksi omalle sivullesi.

Esikatselu riippuu edelleen siitä, pystyykö selain lataamaan media-URL-osoitteen, joten toiston onnistuminen riippuu itse lähteestä.