Oppiskele Videoelementin Lisääminen | Työskentely Median ja Taulukoiden Kanssa

Pyyhkäise näyttääksesi valikon

Voit upottaa vide tiedostoja verkkosivulle käyttämällä <video>-elementtiä. Tarkastele seuraavaa esimerkkiä:

index.html

Tässä esimerkissä:

<video>-elementti sisältää <source>-elementin, joka määrittää videon tiedoston URL-osoitteen ja tiedostotyypin. Yleisesti tuetut muodot ovat WebM, MP4 ja OGG;
controls-attribuutti näyttää vakiotoiston hallintapainikkeet;
Jos käyttäjän selain ei tue videoelementtiä, näytetään varaviestinä korvaava teksti.

HTML-videoelementin yleisesti käytetyt attribuutit sisältävät:

autoplay: käynnistää videon toiston heti sivun latauduttua;
loop: toistaa videon jatkuvasti uudelleen;
muted: mykistää äänen oletuksena;
volume: määrittää oletusäänenvoimakkuuden arvolla 0.0 (hiljainen) – 1.0 (täysi ääni);
poster: määrittää kuvan URL-osoitteen, jota näytetään videon esikatselukuvana ennen toistoa;
width ja height: määrittävät videosoittimen leveyden ja korkeuden pikseleinä.

Tässä esimerkki, jossa käytetään kaikkia näitä attribuutteja:

index.html

Huomio

Lisäksi on saatavilla monia JavaScript-kirjastoja ja rajapintoja, jotka tarjoavat lisäominaisuuksia videon toistoon ja käsittelyyn verkossa.

Oliko kaikki selvää?

Kiitos palautteestasi!

Osio 4. Luku 6

Kysy tekoälyä

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Osio 4. Luku 6