Institute of Computer Science
  1. Main page
  2. Youth to Code
ET
Log in

Youth to Code

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
  • Institute of Computer Science
  • Faculty of Science and Technology
  • University of Tartu
In case of technical problems or questions write to:

Contact the course organizers with the organizational and course content questions.
The proprietary copyrights of educational materials belong to the University of Tartu. The use of educational materials is permitted for the purposes and under the conditions provided for in the copyright law for the free use of a work. When using educational materials, the user is obligated to give credit to the author of the educational materials.
The use of educational materials for other purposes is allowed only with the prior written consent of the University of Tartu.
Terms of use for the Courses environment