Sadržaj
Označeni video zapis HTML5 Imamo mnogo mogućnosti za obogaćivanje naših dokumenata kako bismo naše stranice učinile bogatijima u pogledu vizualnog i slušnog sadržaja, zahvaljujući činjenici da ne ovisimo o dodaci ili trećih strana, našim videozapisima možemo manipulirati na način koji nam omogućuje da bez problema postignemo svoje ciljeve.Predučitavanje videa
Prilikom rada s težim sadržajem, poput videozapisa, moramo biti vrlo oprezni da ne zasitimo stranicu jer to umjesto obogaćivanja našeg sadržaja može postići suprotan učinak i usporiti naš dokument te pružiti loše iskustvo pregledavanja.
Predviđajući ovo u HTML5 U video elementu omogućuje nam unaprijed učitavanje videozapisa za prikazivanje na ovaj način, pazeći da imamo malo sadržaja prije nego što ga prikažemo korisniku i na taj način ne ometamo njihovo iskustvo na našoj stranici.
Za to možemo koristiti sljedeće atribute:
prednaprezanje - je atribut koji će nam omogućiti korištenje funkcionalnosti unaprijed učitavanja videa.
nijedan - video se neće učitati dok ga korisnik ne pusti.
metapodaci - unaprijed će se učitati samo metapodaci videozapisa, odnosno pojedinosti o videozapisu, poput veličine, trajanja itd.
automobil - preglednik može automatski preuzeti video zapis prema potrebi, preglednik može čak zanemariti ovu uputu, to je zadano ponašanje.
Pogledajmo mali primjer koda kako koristiti ovo svojstvo:
Primjer Video se ne može prikazati Videozapis se ne može prikazati
Na sljedećoj slici vidimo kako preglednik tumači poziv videu pomoću atributa nijedan Y metapodaci:
Postavite naslovnu sliku za svoj video zapis
Budući da je videozapis važan dio naše stranice, ne možemo dopustiti da prikaže prvi okvir jer može narušiti dizajn, jer za to možemo postaviti naslovnu sliku ili rezerviranog mjesta, s ovim čak možemo kontrolirati koju sliku prikazati ako korisnik još nije dao nalog za reprodukciju videozapisa, za to možemo koristiti atribute postera, za to možemo vidjeti sljedeći primjer koda.
Primjer Video se ne može prikazati
Pogledajmo sada malo kako preglednik tumači ovo i kako bi to vidio korisnik:
POVEĆAJTE
Ovim smo završili ovaj vodič, s tim novim svojstvima možemo na bolji način kontrolirati način na koji možemo prikazivati naše videozapise i na taj način stvarati nove, bogatije i interaktivnije dokumente.Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod
