JQuery kako bi videozapisi bili responzivni

Sadržaj

Responzivan ili prilagodljiv web dizajn za različite uređaje služi tako da se naši dizajni savršeno uklapaju u bilo koji zaslon uređaja s internetskom vezom.
Korištenje medijskih upita u CSS3 omogućuje vam stvaranje responzivnih dizajna s CSS3 medijskim upitima.
Medijski upit sastoji se od vrste medija i najmanje jednog upita koji ograničava stilske listove koristeći karakteristike medija kao što su širina, visina i boja. Dodani u CSS3, medijski upiti omogućuju prilagodbu prikaza sadržaja određenom rasponu izlaznih uređaja bez potrebe za promjenom samog sadržaja.
Medijski upiti sastoje se od vrste medija i jednog ili više izraza, koji uključuju karakteristike medija, koji su riješeni kao istiniti ili lažni. Rezultat upita je istinit ako vrsta medija navedena u medijskom upitu odgovara vrsti uređaja koji se prikazuje i ako su svi izrazi u medijskom upitu istiniti. Kad je medijski upit točan, primjenjuju se odgovarajuća stilska tablica ili pravila stila, slijedeći uobičajena pravila kaskade.
 

Ova se responzivna tehnika može koristiti sa svim našim datotekama na web stranici, čak i ako je multimedijski sadržaj, kako bi našu web stranicu učinili praktičnijom i pristupačnijom za sve uređaje, tada naše videozapise možemo učiniti i responzivnima, odnosno samopodesivima ili prilagodljivima prema uređaj za izlaz.
Za to imamo FitVids.js, ovaj dodatak koji se koristi za prilagodbu bilo kojeg videa, savršeno će se i automatski prilagoditi veličini spremnika ili izlaznog uređaja, što je vrlo praktično za web dizajn u smislu njegova sadržaja koji se savršeno vizualizira na telefonima pametnim telefonima i tabletima.
Morate uključiti jQuery 1.7 ili noviju verziju i FitVids.js u dizajn svoje web stranice i ciljati video spremnik pomoću fitVids ().

Upotreba je jednostavna, samo pozovite funkciju fitVids koja pokazuje videozapis i element se automatski umotava streba primijeniti CSS za promjenu veličine.
Trenutno je kompatibilan s glavnim uslugama kao što su Youtube, Vimeo, Blip.TV ili Viddler
Možemo ga dodati u wordpress s funkcijom, tako da se automatski mijenja veličina bilo kojeg div klase .video.
 }}}} add_action ('init', 'fitvids'); ?> var13 -> 
Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod

Vi ćete pomoći u razvoju web stranice, dijeljenje stranicu sa svojim prijateljima

wave wave wave wave wave