HTML5 - išplėstinis vaizdo įrašas

Pažymėtas vaizdo įrašas de HTML5 Turime daug galimybių praturtinti savo dokumentus, kad mūsų puslapiai būtų turtingesni vizualiniu ir garsiniu turiniu, nes mes nepriklausome nuo įskiepiai ar trečiosios šalys, mes galime manipuliuoti savo vaizdo įrašais taip, kad mums būtų lengviau pasiekti savo tikslus.
Vaizdo įrašo įkrovimas
Dirbdami su sunkesniu turiniu, pvz., Vaizdo įrašais, turime būti labai atsargūs, kad nepersotintume puslapio, nes tai, užuot praturtinęs mūsų turinį, gali pasiekti priešingą efektą, sulėtinti mūsų dokumento veikimą ir suteikti prastą naršymo patirtį.
Numatydamas tai HTML5 Vaizdo įrašo elemente tai leidžia mums iš anksto įkelti vaizdo įrašą, kuris bus rodomas tokiu būdu, įsitikindami, kad prieš rodydami jį vartotojui turime šiek tiek turinio ir taip nenutraukiame jo patirties mūsų puslapyje.
Tam galime naudoti šiuos atributus:
išankstinis įkrovimas - tai atributas, kuris leis mums naudoti išankstinio vaizdo įrašo įkėlimo funkciją.
nė vienas - vaizdo įrašas nebus įkeltas, kol vartotojas jo nepaleis.
metaduomenys - iš anksto bus įkelti tik vaizdo įrašo metaduomenys, tai yra vaizdo įrašo informacija, pvz., dydis, trukmė ir kt.
automobilis - naršyklė gali automatiškai atsisiųsti vaizdo įrašą, jei mano, kad tai būtina, naršyklė gali net nepaisyti šios instrukcijos, tai yra numatytasis elgesys.
Pažiūrėkime nedidelį kodo pavyzdį, kaip naudoti šią ypatybę:

 Pavyzdys Vaizdo įrašas negali būti rodomas Vaizdo įrašas negali būti rodomas 

Kitame paveikslėlyje matome, kaip naršyklė interpretuoja skambutį į vaizdo įrašą, naudodama atributus nė vienas Y metaduomenys:

Svarbu pabrėžti, kad privalome subalansuotai naudotis šia nuosavybe, nes galime be reikalo sunaudoti išteklius ir pralaidumą, o tai taip pat gali tapti bloga mūsų puslapio naudojimo patirtimi.
Įdėkite vaizdo įrašo viršelio vaizdą
Kadangi vaizdo įrašas yra svarbi mūsų puslapio dalis, negalime leisti jam parodyti pirmojo kadro, nes jis gali sugadinti dizainą, todėl galime įdėti viršelio vaizdą arba vietos žymeklis, tokiu būdu mes netgi galime kontroliuoti, kurį vaizdą rodyti, jei vartotojas dar nėra nurodęs paleisti vaizdo įrašo, tam galime naudoti plakato atributus, tam galime pamatyti šį kodo pavyzdį.

 Vaizdo įrašo pavyzdys negali būti rodomas  

Dabar pažiūrėkime, kaip naršyklė tai interpretuoja ir kaip vartotojas tai matys:

DIDELIS

Norint pasiekti šį efektą, buvo padaryta vaizdo įrašo ekrano kopija, tada su nuosavybe plakatas šį vaizdą galime patalpinti kaip mūsų vaizdo elemento viršelį.
Baigę šį vadovėlį, su šiomis naujomis savybėmis galime geriau valdyti vaizdo įrašų rodymo būdą ir tokiu būdu kurti naujus, turtingesnius ir interaktyvesnius dokumentus.Ar jums patiko ir padėjo ši pamoka?Galite apdovanoti autorių paspausdami šį mygtuką, kad suteiktumėte jam teigiamą tašką