Video-tag
Die video-tag laat jou toe om video op 'n HTML-bladsy te voeg.
Jy kan ook hierdie video daarmee beheer.
Die pad na die video-lêer word gespesifiseer deur die
src-attribuut of die geneste source-tag.
As jy die speler wil sien om die video-afspeel te beheer
- moet die controls-attribuut bygevoeg word.
Sonder dit sal jy niks sien nie - geen klank of beeld sal wees nie.
Soms is dit nie baie gerieflik om video op die webwerf self te plaas nie
(bv. jou webhosting het 'n beperking op die grootte van die webwerf).
In hierdie geval
kan die video op YouTube geplaas word en aangesluit word
met die iframe-tag.
Attribute
| Attribuut | Beskrywing |
|---|---|
src |
Spesifiseer die pad na die video-lêer.
Maar dit is beter om die source-tag hiervoor te gebruik
(in hierdie geval kan video in verskillende formate gespesifiseer word).
|
preload |
Gebruik om die video-lêer gelyktydig met die webbladsy te laai.
Aanvaarde waardes: none (moenie lêer laai nie, verstek),
metadata (laai slegs metadata: speeltyd, ens.),
auto (laai die hele video met die webbladsy).
|
autoplay |
Klank begin speel onmiddellik nadat die bladsy gelaai is,
die teenwoordigheid van die preload-attribuut sal geïgnoreer word.
Attribuut sonder waarde. |
controls |
Voeg 'n beheerpaneel by die video.
Attribuut sonder waarde. Verstek (as die attribuut nie daar is nie) - paneel word nie bygevoeg nie. |
loop |
Herhaal die klankopname in 'n "lus":
na voltooiing sal dit weer begin speel.
Attribuut sonder waarde. Verstek (as die attribuut nie daar is nie) - die opname speel slegs 1 keer.
|
poster |
Pad na die prent wat vertoon sal word terwyl die video nie beskikbaar of nie besig is om te speel nie.
As die poster-attribuut nie gespesifiseer is nie, sal die blaaiser probeer om die eerste raam van die video te vertoon.
|
height |
Die height-attribuut spesifiseer die hoogte van die video-afspeelarea (in pixels
of persentasies).
Die video self sal sy grootte vergroot of verklein om by die gespesifiseerde hoogte aan te pas,
maar sy verhoudings verander nie.
Verstekwaarde: hoogte word uit die video-parameters geneem, indien hierdie waarde nie beskikbaar is nie, dan word die waarde van die height-attribuut
gelyk gestel aan die hoogte van die prent uit die poster-attribuut.
As poster ook nie gespesifiseer is nie - die hoogte
word gestel op 150 pixels.
|
width |
Die width-attribuut spesifiseer die breedte van die video-afspeelarea (in pixels
of persentasies).
Die video self sal sy grootte vergroot of verklein om by die gespesifiseerde breedte aan te pas,
maar sy verhoudings verander nie.
Verstekwaarde: breedte word uit die video-parameters geneem, indien hierdie waarde nie beskikbaar is nie, dan word die waarde van die width-attribuut
gelyk gestel aan die breedte van die prent uit die poster-attribuut.
As poster ook nie gespesifiseer is nie - die breedte
word gestel op 150 pixels.
|
Voorbeeld . Speler op die webwerf
Kom ons voeg 'n speler met video by die bladsy.
Vir blaaisers wat nie die
video-tag ondersteun nie, is 'n spesiale boodskap
gelaat:
<video src="movie.mp4" controls>
Jou blaaiser ondersteun nie video op HTML5 nie.
</video>
Voorbeeld .
Kom ons voeg die source-tag by
vir die video-tag:
<video>
<source src="movie.mp4" controls>
Jou blaaiser ondersteun nie video op HTML5 nie.
</video>
