JQuery for å gjøre videoene responsive

Innholdsfortegnelse

Responsivt eller tilpassbart webdesign for forskjellige enheter, tjener slik at designene våre passer perfekt til enhver enhetsskjerm med internettforbindelse.
Bruken av mediespørringer i CSS3 lar deg lage responsive design med CSS3 Media Queries.
En mediespørring består av en medietype og minst én spørring som begrenser stilark ved hjelp av medieegenskaper som bredde, høyde og farge. Lagt til i CSS3, lar medieforespørsler innholdet vise seg å tilpasse seg et bestemt utvalg av utdataenheter uten å måtte endre selve innholdet.
Mediespørsmål består av en medietype og ett eller flere uttrykk, som involverer medias egenskaper, som løses som sanne eller usanne. Resultatet av spørringen er sant hvis medietypen som er angitt i mediespørsmålet, samsvarer med typen enhet som vises og alle uttrykk i mediespørringen er sanne. Når en mediespørring er sann, brukes det tilsvarende stilarket eller stilreglene etter de vanlige kaskadereglene.
 

Denne responsive teknikken kan brukes med alle våre filer på et nettsted, selv om multimediainnholdet, for å gjøre nettstedet vårt mer praktisk og tilgjengelig for alle enheter, så kan vi gjøre videoene våre også Responsive, det vil si selvjusterende eller tilpassbare i henhold til enheten til Exit.
For dette har vi FitVids.js, dette er et plugin som brukes til å gjøre hvilken som helst video responsiv, den vil tilpasse seg perfekt og automatisk til størrelsen på beholderen eller utdataenheten, noe veldig praktisk for webdesign når det gjelder innholdet for å bli perfekt visualisert på telefoner smarttelefoner og nettbrett.
Du må inkludere jQuery 1.7 eller nyere og FitVids.js i webdesignet ditt og målrette videobeholderen med fitVids ().

Bruken er enkel, bare ring fitVids-funksjonen som peker på en video, og elementet blir automatisk pakket inn med enog CSS for å endre størrelse skal brukes.
Foreløpig er den kompatibel med hovedtjenestene som Youtube, Vimeo, Blip.TV eller Viddler
Vi kan legge den til wordpress med en funksjon, slik at hvilken som helst divklasse .video automatisk endres i størrelse.
 }}}}} add_action ('init', 'fitvids'); ?> var13 -> 
Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng

Du vil bidra til utvikling av området, dele siden med vennene dine

wave wave wave wave wave