Cuprins
Când facem documente HTML de multe ori trebuie să ne îmbogățim conținutul și, de multe ori, deja să folosim animații sau efecte cu Javascript Nu este suficient, în aceste cazuri trebuie să apelăm pentru conținutul multimedia care se potrivește nevoilor noastre, fie că este o înregistrare, o melodie sau un videoclip.În cazul lucrărilor multimedia, putem folosi audio și video cu specificația HTML5, folosind noile etichete, astfel încât să nu depindem de limbi sau pluginuri de la terți.
Element video
HTML5 Conține suport pentru introducerea videoclipurilor ca parte a documentului sau a paginii care este realizată, fără a fi nevoie să utilizați Flash Player sau un alt plug-in, crescând astfel stabilitatea browserului, deoarece acest lucru este adesea cauza principală pentru care browserele eșuează, deoarece aceste programe de completare sunt actualizate constant și pot intra în conflict cu noi caracteristici sau îmbunătățiri.
Elementul Videoclip HTML5 Ne permite să încorporăm videoclipuri fără a necesita ajutorul unui plug-in, cu aceasta putem reda videoclipuri mici sau mari pe paginile noastre și le putem îmbogăți conținutul.
Pentru a utiliza elementul video avem următoarele caracteristici pe care trebuie să le cunoaștem, astfel încât să putem înțelege codul exemplelor următoare.
Element: video.
Atribute locale: redare automată, preîncărcare, comenzi, buclă, poster, înălțime, lățime, dezactivată,
src.
Trebuie remarcat faptul că acest element este complet nou în HTML5 deci este posibil să nu fie compatibil cu browserele vechi.
Odată ce cunoaștem elementul și atributele sale locale, să vedem un mic cod despre cum să implementăm un videoclip:
Exemplul video nu poate fi afișat
După cum putem vedea, pornim o etichetă video, îi setăm parametrii de dimensiune, fontul și src, unde găsim videoclipul, în acest caz ar trebui să fie în același folder cu fișierul care conține HTMLÎn cazul în care videoclipul nu poate fi văzut, trebuie să afișăm un mesaj și apoi să închidem eticheta. Dacă am răsfoit pagini cu videoclip, vom vedea că totul ne este foarte familiar atunci când vedem acest rezultat; Să vedem o imagine a aspectului videoclipului nostru:
Știam deja care erau atributele locale pe care le poate purta eticheta video și le-am pus chiar la încercare în exemplul nostru acum să vedem ce înseamnă fiecare.
Redare automata - dacă punem acest atribut, browserul va începe redarea videoclipului cât mai curând posibil.
preîncărcare - indică faptul că browserul trebuie sau nu să preîncarce videoclipul în funcție de ceea ce specificăm în acest atribut.
controale - browserul nu va afișa comenzile decât dacă acest atribut este prezent.
buclă - dacă este prezent, browserul va reda videoclipul într-o buclă nesfârșită.
poster - specificați o imagine care să fie afișată în timpul încărcării videoclipului.
înălţime - indică înălțimea elementului video.
lăţime - indică lățimea elementului video.
dezactivat - dacă este prezent, îi spune browserului că videoclipul ar trebui redat inițial fără volum.
src - specificați calea videoclipului de redat.
Cu aceasta terminăm acest tutorial, unde am avut prima noastră abordare a elementului video și cum să-l folosim într-un document HTMLÎn acest fel, avem un nou instrument pentru a ne îmbogăți paginile.V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv
