Meedia
HTML-lehele on võimalik lisada multimeediat.
HTMLi standard toetab:
- videofailide formaate MP4, WebM ja Ogg
- helifailide formaate MP3, WAV ja Ogg
Video lisamine
<video width="320" height="240" controls autoplay> <source src="film.mp4" type="video/mp4"> <source src="film.ogg" type="video/ogg"> Sinu veebilehitseja ei toeta videot. </video>
video märgendite vahele lisatakse videofailide info
width videoakna laius
height videoakna kõrgus
controls info selle kohta, et kuvataks ka juhtnupud
autoplay video automaatne käivitamine (NB! Chromium veebilehitsejad (nt Microsoft Edge, Opera) ei toeta seda automaatselt, küll aga on võimalik video käivitada ilma helita, lisades video märgendile muted käsu)
source märgendi abil lisatakse viited failidele
src sisaldab viidet failile (antud näites paiknevad videofailid HTML-failiga samas kataloogis)
type määrab ära, mis liiki meediafailiga on tegu (NB! nt kui on mp4 fail, nt film.mp4, siis on type väärtus video/mp4)
Helifaili lisamine
<audio controls> <source src="heli.ogg" type="audio/ogg"> <source src="heli.mp3" type="audio/mpeg"> Sinu veebilehisteja ei toeta audiofaile. </audio>
audio märgendite vahele lisatakse helifailide info
controls info selle kohta, et kuvataks ka juhtnupud
autoplay heli automaatne käivitamine (NB! Chromium veebilehitsejad (nt Microsoft Edge, Opera) ei toeta seda automaatselt, küll aga on võimalik helifail käivitada ilma helita, lisades audio märgendile muted käsu)
source märgendi abil lisatakse viited failidele
src sisaldab viidet failile (antud näites paiknevad helifailid HTML-failiga samas kataloogis)
type määrab ära, mis liiki meediafailiga on tegu (NB! nt kui on mp3 fail, nt heli.mp3, siis on type väärtus audio/mpeg)
Video lisamine Youtube’i abil
Kuna videoformaate on palju, siis saab Youtube’i ära kasutada videoformaatide konvertimise asemel.
<iframe width="420" height="315" src="https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=1&mute=1&controls=0"> </iframe>
iframe märgendi abil lisatakse Youtube’i aken
width videoakna laius
height videoakna kõrgus
src videoakna laius
Youtube’i lingile parameetrite lisamiseks kasutatakse järgmist loogikat:
? parameetrite algus
& erinevaid parameetreid eristav sümbol
autoplay info automaatse käivitamise kohta – väärtus 1 tähendab, et käivitatakse automaatselt, 0, et ei käivitata
mute info heli vagistamise kohta – väärtus 1 tähendab, et heli on vaigistatud, 0, et heli on vaigistamata
controls info juhtnuppude kuvamise kohta – väärtus 1 tähendab, et juhtnupud kuvatakse, 0, et ei kuvata