Tag-ul video
Tag-ul video permite adăugarea unui videoclip pe o pagină HTML.
De asemenea, poate fi folosit pentru a controla acest videoclip.
Calea către fișierul video este specificată prin
atributul src sau tag-ul imbricat source.
Dacă doriți să vedeți un player pentru controlul redării
videoclipului - trebuie adăugat atributul controls.
Fără el, nu veți vedea nimic - de asemenea, nu va fi
nici sunet, nici imagine.
Uneori, găzduirea videoclipurilor pe site-ul propriu nu este
foarte convenabilă (de exemplu, hostingul dvs. are
o limită privind dimensiunea site-ului). În acest caz,
videoclipul poate fi încărcat pe YouTube și conectat
folosind tag-ul iframe.
Atribute
| Atribut | Descriere |
|---|---|
src |
Specifică calea către fișierul video.
Dar este mai bine să folosiți pentru aceasta tag-ul source
(în acest caz, puteți specifica videoclipul în diferite formate).
|
preload |
Este utilizat pentru încărcarea fișierului video simultan cu încărcarea paginii site-ului.
Valori acceptate: none (nu încărca fișierul, implicit),
metadata (încarcă doar informațiile de serviciu: durata redării și așa mai departe),
auto (încarcă videoclipul complet la încărcarea paginii HTML).
|
autoplay |
Sunetul începe să se redă imediat după încărcarea paginii,
în acest caz, prezența atributului preload va fi ignorată.
Atribut fără valoare. |
controls |
Adaugă un panou de control pentru videoclip.
Atribut fără valoare. Implicit (dacă atributul lipsește) panoul nu este adăugat. |
loop |
Repetă înregistrarea video "în ciclu":
după finalizare, va începe să se redă din nou.
Atribut fără valoare. Implicit (dacă atributul lipsește) înregistrarea se va reda doar 1 dată.
|
poster |
Calea către imaginea care va fi afișată când videoclipul nu este disponibil sau nu se redă.
Dacă atributul poster nu este specificat, browserul va încerca să afișeze prima imagine a videoclipului.
|
height |
Atributul height stabilește înălțimea zonei de redare a videoclipului (în pixeli
sau procente).
Videoclipul însuși își modifică dimensiunile în sus sau în jos, adaptându-se la înălțimea stabilită,
dar proporțiile sale nu se modifică.
Valoare implicită: înălțimea este preluată din parametrii videoclipului, dacă această valoare nu este disponibilă, atunci valoarea atributului height
este considerată egală cu înălțimea imaginii din atributul poster.
Dacă nici poster nu este setat - înălțimea
este stabilită la 150 pixeli.
|
width |
Atributul width stabilește lățimea zonei de redare a videoclipului (în pixeli
sau procente).
Videoclipul însuși își modifică dimensiunile în sus sau în jos, adaptându-se la lățimea stabilită,
dar proporțiile sale nu se modifică.
Valoare implicită: lățimea este preluată din parametrii videoclipului, dacă această valoare nu este disponibilă, atunci valoarea atributului width
este considerată egală cu lățimea imaginii din atributul poster.
Dacă nici poster nu este setat - lățimea
este stabilită la 150 pixeli.
|
Exemplu . Player pe pagina site-ului
Să adăugăm un player cu videoclip pe pagină.
Pentru browserele care nu suportă
tag-ul video este lăsat un mesaj special
despre aceasta:
<video src="moovie.mp4" controls>
Browserul dvs. nu suportă video în HTML5.
</video>
Exemplu .
Să adăugăm pentru tag-ul video
tag-ul source:
<video>
<source src="moovie.mp4" controls>
Browserul dvs. nu suportă video în HTML5.
</video>
