Satura rādītājs
Atzīmēts video de HTML5 Mums ir daudz iespēju bagātināt savus dokumentus, lai padarītu mūsu lapas bagātākas vizuālā un dzirdes satura ziņā, pateicoties tam, ka mēs neesam atkarīgi no spraudņi vai trešās puses, mēs varam manipulēt ar saviem videoklipiem tādā veidā, kas ļauj mums sasniegt savus mērķus bez problēmām.Video iepriekšēja ielāde
Strādājot ar smagāku saturu, piemēram, videoklipiem, mums jābūt ļoti uzmanīgiem, lai nepiesātinātu lapu, jo tā vietā, lai bagātinātu mūsu saturu, var panākt pretēju efektu un palēnināt mūsu dokumenta darbību un nodrošināt sliktu pārlūkošanas pieredzi.
Paredzot to HTML5 Video elementā tas ļauj mums iepriekš ielādēt videoklipu, kas tiks parādīts šādā veidā, pārliecinoties, ka mums ir nedaudz satura pirms tā parādīšanas lietotājam un tādējādi nepārtraucot viņu pieredzi mūsu lapā.
Šim nolūkam mēs varam izmantot šādus atribūtus:
iepriekšēja ielāde - ir atribūts, kas ļaus mums izmantot video priekšielādes funkcionalitāti.
neviena - video netiks ielādēts, līdz lietotājs to atskaņos.
metadati - tiks ielādēti tikai videoklipa metadati, tas ir, informācija par videoklipu, piemēram, izmērs, ilgums utt.
automašīna - pārlūkprogramma var automātiski lejupielādēt videoklipu pēc saviem ieskatiem, pārlūks var pat ignorēt šo norādījumu, tā ir noklusējuma darbība.
Apskatīsim nelielu koda piemēru, kā izmantot šo īpašumu:
Piemērs Video nevar parādīt Video nevar parādīt
Nākamajā attēlā mēs redzam, kā pārlūkprogramma interpretē zvanu uz videoklipu, izmantojot atribūtus neviena Y metadati:
Ir svarīgi uzsvērt, ka mums šis īpašums ir jāizmanto līdzsvaroti, jo mēs varam nevajadzīgi patērēt resursus, kā arī joslas platumu, kas arī var radīt sliktu pieredzi mūsu lapas izmantošanā.
Novietojiet videoklipa vāka attēlu
Tā kā videoklips ir svarīga mūsu lapas sastāvdaļa, mēs nevaram ļaut tam parādīt pirmo kadru, jo tas var izjaukt dizainu, tāpēc mēs varam ievietot vāka attēlu vai vietturis, ar to mēs pat varam kontrolēt, kuru attēlu rādīt, ja lietotājs vēl nav devis rīkojumu atskaņot videoklipu, šim nolūkam mēs varam izmantot plakāta atribūtus, šim nolūkam mēs varam redzēt šādu koda piemēru.
Video piemērs nevar tikt parādīts
Tagad mazliet apskatīsim, kā pārlūkprogramma to interpretē un kā lietotājs to redzēs:
PALIELINĀT
Lai sasniegtu šo efektu, tika veikts video ekrānuzņēmums, pēc tam ar īpašumu plakāts mēs varam ievietot šo attēlu kā mūsu video elementa vāku.Ar to mēs pabeidzam šo apmācību, ar šiem jaunajiem rekvizītiem mēs varam labāk kontrolēt veidu, kā mēs varam parādīt savus videoklipus un šādā veidā izveidot jaunus, bagātākus un interaktīvākus dokumentus.Vai jums patika šī apmācība un palīdzējāt tai?Jūs varat apbalvot autoru, nospiežot šo pogu, lai sniegtu viņam pozitīvu punktu