Slik bruker du video bakgrunner for utrolig visuell innvirkning, del 2

I forrige del av denne opplæringen, ved hjelp av en blanding av HTML5, jQuery og CSS, konstruerte vi barebones funksjonaliteten til vår HTML5-drevne fullskjerm video bakgrunn. Denne gangen skal vi stylisere den, forberede fallbacks for det, og forstå hvordan den kan brukes som en del av dine egne arbeidsmønstre. I dagens veiledning legger vi til fullskjermvideoen på flere måter, inkludert:

• lage våre egne mønsteroverlegg for å sitte over toppen av videoen vår; som for eksempel gammeldags skannelinjer, styler videoen din slik at den passer til ditt eget design;
• konverterer videoen til flere formater for å aktivere universell nettleserstøtte for videobakgrunnen.

Sammen med alt dette, vil jeg også vise et eksempel på hvordan videoen kan brukes kreativt ved å legge andre elementer over toppen av det, og vise deg hvordan denne kraftige teknikken kan brenne dine egne nye design; eller til og med gi en ny, spennende bakgrunn for den designen du for tiden jobber med!

Har du brukt fullskjerm video som bakgrunn i et av designene dine? Har du en foretrukket metode for implementering? Gi oss beskjed i kommentarene.

• ← Er flat design en forbipasserende trend eller noe mer?
• Slik bruker du videobakgrunner for utrolig visuell innvirkning, del 1 →