Sadržaj
Kad radimo dokumente HTML mnogo puta moramo obogatiti svoj sadržaj, a također i mnogo puta već koristiti animacije ili efekte Javascript To nije dovoljno, u tim se slučajevima moramo žaliti za multimedijski sadržaj koji odgovara našim potrebama, bilo da se radi o snimci, pjesmi ili videu.U slučaju multimedijskog rada, možemo koristiti audio i video sa specifikacijom HTML5, koristeći nove oznake kako ne bismo ovisili o jezicima ili dodacima trećih strana.
Video element
HTML5 Sadrži podršku za predstavljanje videozapisa kao dijela dokumenta ili stranice koja se izrađuje, bez potrebe za korištenjem Flash Playera ili drugog dodatka, čime se povećava stabilnost preglednika, jer su dodaci često glavni uzrok za koje preglednici ne uspijevaju, budući da se ti dodaci stalno ažuriraju i mogu biti u sukobu s novim značajkama ili poboljšanjima.
Element HTML5 video zapis Omogućuje nam ugrađivanje videozapisa bez potrebe za dodatkom, s tim možemo reproducirati male ili velike videozapise na našim stranicama i obogatiti njihov sadržaj.
Za korištenje video elementa imamo sljedeće karakteristike koje moramo znati kako bismo mogli razumjeti kôd sljedećih primjera.
Element: video.
Lokalni atributi: automatska reprodukcija, prethodno učitavanje, kontrole, petlja, poster, visina, širina, isključeno,
src.
Valja napomenuti da je ovaj element potpuno nov u HTML5 pa možda nije kompatibilan sa starim preglednicima.
Nakon što saznamo element i njegove lokalne atribute, pogledajmo mali kod o tome kako implementirati video:
Primjer videozapisa ne može se prikazati
Kao što vidimo, pokrećemo video oznaku, postavljamo parametre veličine, font i src, gdje nalazimo videozapis, u ovom slučaju trebao bi biti u istoj mapi kao i datoteka koja sadrži HTMLU slučaju da se video ne može vidjeti, moramo prikazati poruku, a zatim zatvoriti oznaku. Ako smo pregledali stranice s videom, vidjet ćemo da nam je sve to jako dobro kada vidimo ovaj rezultat; Pogledajmo sliku kako bi trebao izgledati naš video:
Već smo znali koji su lokalni atributi koje video oznaka može nositi, pa smo ih čak i stavili na test u našem primjeru. Sada ćemo vidjeti što svaka od njih znači.
auto Play - ako stavimo ovaj atribut, preglednik će početi reproducirati videozapis što je prije moguće.
prednaprezanje - označava da bi preglednik trebao ili ne trebao unaprijed učitavati videozapis ovisno o tome što navodimo u ovom atributu.
kontrole - preglednik neće prikazati kontrole ako nije prisutan ovaj atribut.
petlja - ako postoji, preglednik će reproducirati video zapis u beskrajnoj petlji.
poster - odredite sliku koja će se prikazivati tijekom učitavanja videozapisa.
visina - označava visinu video elementa.
širina - označava širinu video elementa.
prigušen - ako postoji, govori pregledniku da bi se video u početku trebao reproducirati bez glasnoće.
src - odredite putanju videozapisa za reprodukciju.
Ovim smo završili ovaj vodič, gdje smo imali prvi pristup video elementu i kako ga koristiti u dokumentu HTMLNa ovaj način imamo novi alat za obogaćivanje naših stranica.Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod
