JQuery för att göra videorna responsiva

Innehållsförteckning

Responsiv eller anpassningsbar webbdesign för olika enheter, fungerar så att våra mönster passar perfekt till alla skärmar med en internetanslutning.
Användningen av mediefrågor i CSS3 låter dig skapa responsiva mönster med CSS3 Media Queries.
En mediefråga består av en medietyp och minst en fråga som begränsar stilark med hjälp av medieegenskaper som bredd, höjd och färg. Tillagd i CSS3 låter mediefrågor innehållets visning anpassas till ett specifikt utbud av utmatningsenheter utan att behöva ändra själva innehållet.
Mediefrågor består av en medietyp och ett eller flera uttryck, som innefattar egenskaper hos mediet, som löses som sanna eller falska. Resultatet av frågan är sant om medietypen som anges i mediefrågan matchar typen av enhet som visas och alla uttryck i mediefrågan är sanna. När en mediefråga är sann tillämpas motsvarande formatmall eller stilregler enligt de normala kaskadreglerna.
 

Denna responsiva teknik kan användas med alla våra filer på en webbplats även om multimediainnehållet, för att göra vår webbplats mer praktisk och tillgänglig för alla enheter, då kan vi göra våra videor också Responsive, det vill säga självjusterande eller anpassningsbara enligt enheten för Exit.
För detta har vi FitVids.js, det här är ett plugin som används för att göra vilken video som helst responsiv, den anpassar sig perfekt och automatiskt till behållarens eller utmatningsenhetens storlek, något som är mycket praktiskt för webbdesign när det gäller innehållet kan visualiseras perfekt på telefoner smarta telefoner och surfplattor.
Du måste inkludera jQuery 1.7 eller senare och FitVids.js i din webbdesign och rikta in videobehållaren med fitVids ().

Användningen är enkel, ring bara fitVids-funktionen som pekar på en video och elementet omsluts automatiskt med enoch CSS för att ändra storlek ska tillämpas.
För närvarande är den kompatibel med huvudtjänsterna som Youtube, Vimeo, Blip.TV eller Viddler
Vi kan lägga till den i wordpress med en funktion, så att alla div -klasser .video ändras automatiskt.
 }}}} add_action ('init', 'fitvids'); ?> var13 -> 
Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng

Du kommer att bidra till utvecklingen av webbplatsen, dela sidan med dina vänner

wave wave wave wave wave