Arvutiteaduse instituut
  1. Esileht
  2. Noored Koodi
EN
Logi sisse

Noored Koodi

Veebilehed

<< Kõik kursused

  • Kursusest
    • 0. Sissejuhatus veebimaailma

HTML

  • 1. Mis on HTML?
  • 2. Tekst ja viidad
  • 3. Loendid. Tabelid
  • 4. Pildid. Audio. Video

4.1 Materjali meeldetuletus 4.2 Pildid 4.3 Audio 4.4 Video Enesekontroll CSS

  • 5. Mis on CSS?
  • 6. Tabelid, loendid, piirid
  • 7. Pseudoelemendid ja positsioneerimine
  • 8. Kursorid, taustad, pildid
Peatüki sisukord

4.4 Video

Videofaili lisamine on sama lihtne kui audio lisamine. Selleks kasutatakse paarismärgendit <video>...</video>:

<video width="320" height="240" controls muted poster="minu_pily.jpg">
  <source src="minu_klip.mp4" type="video/mp4">
  <source src="minu_klip.ogg" type="video/ogg">
  Sinu veebilehitseja ei toeta seda videomärgendit.
</video>

Videofaili lisamiseks tuleb määrata videofaili asukoht märgendi <source> kaudu. On lubatud määrata mitme faili asukoht juhuks, kui esimene videofail ei tööta või ei leitud. Kui ükski määratud videofail ei tööta, näidatakse alternatiivtekst.

Märgendil <video> on samad mittekohustuslikud atribudid nagu audio märgendil: controls, autoplay, loop, preload, muted lisaks on veel:

  • poster - video eelvaate pilti lisamiseks
  • height ja width – määravad videoakna kõrguse ja laiuse

Milliseid videoformaate toetab HTML5 ja veebilehitsejad? Vastus ei ole ühetähenduslik:

VeebilehitsejaMP4WebMOGG
Internet Explorerjaheiei
Chromejahjahjah
Firefoxjahjahjah
Safarijaheiei
Operajahjahjah

Iseseisev ülesanne:

  • Otsi oma lemmik videofail ja lisa oma veebilehele.
  • Videofaili alla lisa faili allikas, autor ja pealkiri.
Peatüki sisukord
  • Arvutiteaduse instituut
  • Loodus- ja täppisteaduste valdkond
  • Tartu Ülikool
Tehniliste probleemide või küsimuste korral kirjuta:

Kursuse sisu ja korralduslike küsimustega pöörduge kursuse korraldajate poole.
Õppematerjalide varalised autoriõigused kuuluvad Tartu Ülikoolile. Õppematerjalide kasutamine on lubatud autoriõiguse seaduses ettenähtud teose vaba kasutamise eesmärkidel ja tingimustel. Õppematerjalide kasutamisel on kasutaja kohustatud viitama õppematerjalide autorile.
Õppematerjalide kasutamine muudel eesmärkidel on lubatud ainult Tartu Ülikooli eelneval kirjalikul nõusolekul.
Courses’i keskkonna kasutustingimused