HTML5 vaizdo įrašas: kaip įterpti vaizdo įrašą į HTML

Kad galėtumėte vaizdo įrašą paleisti tinklalapyje, prieš HTML5 turėsite naudoti tokį papildinį kaip „Adobe Flash Player“. Įvedę HTML5, dabar galite įdėti vaizdo įrašus tiesiai į patį puslapį.

Tai leidžia leisti vaizdo įrašus leisti puslapiuose, kurie skirti mobiliesiems įrenginiams, nes tokie papildiniai kaip „Adobe Flash Player“ neveikia „Android“ ar „iOS“.

HTML elementas naudojamas vaizdo įrašams įterpti į žiniatinklio dokumentus. Jame gali būti vienas ar keli vaizdo įrašų šaltiniai, vaizduojami naudojant srcatributą arba šaltinio elementą.

Norėdami įdėti vaizdo įrašo failą, tiesiog pridėkite šį kodo fragmentą ir pakeiskite srcvaizdo įrašo failo kelią:

   Your browser does not support the video element. Kindly update it to latest version. 

Elementas yra palaikoma visų šiuolaikinių naršyklių. Tačiau ne visos naršyklės palaiko tą patį vaizdo failo formatą. MP4 failai yra plačiausiai priimtinas formatas, o „Chrome“, „Firefox“ ir „Opera“ palaikomi kiti formatai, pvz., „WebM“ ir „Ogg“.

Siekiant užtikrinti, kad jūsų vaizdo įrašas būtų leidžiamas daugelyje naršyklių, geriausia praktika juos koduoti tiek „Ogg“, tiek „MP4“ formatais ir abu juos įtraukti į elementą, kaip nurodyta aukščiau pateiktame pavyzdyje. Naršyklės naudos pirmą atpažintą formatą.

Jei dėl kokių nors priežasčių naršyklė neatpažįsta nė vieno iš formatų, vietoj jo bus rodomas tekstas „Jūsų naršyklė nepalaiko vaizdo elemento. Prašome atnaujinti jį į naujausią versiją“.

Jūs taip pat gali pastebėjau controlsį žymę. Šis elementas apima daug naudingų atributų, leidžiančių pritaikyti atkūrimo patirtį.

atributus

controls

Į controlsĮgūdis rankenos, ar kontrolės, kaip antai PLAY / PAUSE mygtuką arba garsumo slankiklį atrodo.

Tai yra loginis atributas, reiškiantis, kad jį galima nustatyti kaip teisingą arba klaidingą. Jei norite nustatyti tiesą, tiesiog pridėkite jį prie žymos. Jei žymoje jo nėra, jis bus nustatytas į „false“ ir valdikliai nebus rodomi.

autoplay

„Automatinis grojimas“ gali būti nustatytas kaip teisingas arba netikras. Ją nustatote kaip „true“, pridedant ją prie žymos, jei jos nėra žymoje, ji nustatyta į „false“. Jei nustatyta tiesa, vaizdo įrašas bus pradėtas leisti, kai tik bus sukaupta pakankamai vaizdo įrašo, kad jį būtų galima atkurti. Daugelis žmonių automatiškai leidžiamus vaizdo įrašus laiko trikdančiais ar erzinančiais. Taigi naudokite šią funkciją saikingai. Taip pat atkreipkite dėmesį, kad kai kurios mobiliosios naršyklės, pvz., „IOS“ skirtos „Safari“, nepaiso šio atributo.

Tai dar vienas loginis atributas. Įtraukus autoplayį žymą, įterptasis vaizdo įrašas bus pradėtas leisti, kai tik bus pakankamai jo sukaupta.

Atminkite, kad daugeliui žmonių automatiškai leidžiami vaizdo įrašai atrodo trikdantys ar erzinantys, todėl naudokite šią funkciją saikingai. Taip pat atkreipkite dėmesį, kad kai kurios mobiliosios naršyklės, pvz., „IOS“ skirtos „Safari“, visiškai nepaiso šio atributo.

poster

posterAtributas yra vaizdas, kad rodo ant vaizdo, kol vartotojas paspaudimų jį žaisti.

Vaizdo įrašai gali būti brangūs

Nors vaizdo įrašus į savo puslapį įtraukti yra lengviau nei bet kada anksčiau, dažnai geriau juos įkelti į tokias paslaugas kaip „YouTube“, „Vimeo“ ar „Wistia“ ir vietoj jų įterpti jų kodą. Taip yra todėl, kad vaizdo įrašų pateikimas gali būti brangus tiek jums, kiek tai susiję su serverio sąnaudomis, ir žiūrovams, jei jie turi ribotus duomenų planus.

Savo vaizdo failų talpinimas taip pat gali sukelti pralaidumo problemų, o tai gali reikšti lėtai įkeliamų vaizdo įrašų mikčiojimą. Be to, naršyklių kokybė skiriasi, kai kalbama apie vaizdo įrašų atkūrimą, todėl sunku tiksliai kontroliuoti, ką matys jūsų žiūrovai. Taip pat labai lengva atsisiųsti vaizdo įrašus, įdėtus su žyma, taigi, jei esate susirūpinę dėl piratavimo, galbūt norėsite ieškoti kitų galimybių.

Ir tai atlikite ir įdėkite vaizdo įrašų į savo širdį. Arba ne - tai jūsų skambutis.