A video tag
A video tag lehetővé teszi videó hozzáadását egy HTML oldalhoz.
Segítségével a videó vezérelhető is.
A videófájl elérési útja a
src attribútummal vagy a beágyazott source tag segítségével adható meg.
Ha lejátszási vezérlőt szeretne látni a videóhoz,
akkor hozzá kell adni a controls attribútumot.
Enélkül semmi sem jelenik meg - és hang vagy kép sem lesz.
Időnként nem túl kényelmes a videót magán a weboldalon tárolni
(például, ha a tárhely korlátozza a weboldal méretét).
Ebben az esetben a videó feltölthető YouTube-ra és
beágyazható egy iframe tag segítségével.
Attribútumok
| Attribútum | Leírás |
|---|---|
src |
Meghatározza a videófájl elérési útját.
De erre jobb a source tag használata
(ebben az esetben a videó különböző formátumokban is megadható).
|
preload |
A videófájl oldalbetöltéssel egyidejű letöltésére szolgál.
Lehetséges értékek: none (fájl nem töltődik be, alapértelmezett),
metadata (csak metaadatok töltődnek be: hossz, stb.),
auto (a videó teljes egésze betöltődik az HTML oldal betöltésekor).
|
autoplay |
A hang az oldal betöltése után azonnal elindul,
ekkor a preload attribútumot figyelmen kívül hagyják.
Érték nélküli attribútum. |
controls |
Vezérlőpultot ad a videóhoz.
Érték nélküli attribútum. Alapértelmezetten (ha az attribútum nincs megadva) a vezérlőpult nem jelenik meg. |
loop |
Ismétli a videót "végtelen ciklusban":
a befejezés után újra elindul.
Érték nélküli attribútum. Alapértelmezetten (ha az attribútum nincs megadva) a felvétel csak 1 alkalommal játszódik le.
|
poster |
Egy kép elérési útja, amely akkor jelenik meg, amikor a videó nem elérhető vagy nem játszódik le.
Ha a poster attribútum nincs megadva, a böngésző megpróbálja megjeleníteni a videó első képkockáját.
|
height |
A height attribútum megadja a videólejátszó terület magasságát (pixelben
vagy százalékban).
Maga a videó megnöveli vagy csökkenti a méretet, hogy illeszkedjen a megadott magassághoz,
de az oldalarányai közben nem változnak.
Alapértelmezett érték: a magasság a videó paramétereiből származik, ha ez az érték nem elérhető, akkor a height attribútum értéke
a poster attribútumból származó kép magasságával egyenlő.
Ha a poster sincs megadva - a magasság
150 pixelre van állítva.
|
width |
A width attribútum megadja a videólejátszó terület szélességét (pixelben
vagy százalékban).
Maga a videó megnöveli vagy csökkenti a méretet, hogy illeszkedjen a megadott szélességhez,
de az oldalarányai közben nem változnak.
Alapértelmezett érték: a szélesség a videó paramétereiből származik, ha ez az érték nem elérhető, akkor a width attribútum értéke
a poster attribútumból származó kép szélességével egyenlő.
Ha a poster sincs megadva - a szélesség
150 pixelre van állítva.
|
Példa . Lejátszó a weboldalon
Adjunk hozzá egy lejátszót videóval az oldalhoz.
Azoknak a böngészőknek, amelyek nem támogatják
a video tag-et, egy speciális üzenet
maradt:
<video src="moovie.mp4" controls>
A böngészője nem támogatja a video tag-et HTML5-ben.
</video>
Példa .
Adjunk hozzá egy source tag-et
a video tag-hez:
<video>
<source src="moovie.mp4" controls>
A böngészője nem támogatja a video tag-et HTML5-ben.
</video>
