Sedan WordPress 3.0+ kan du enkelt bädda in Youtube-video i dina artiklar genom att klistra in webbadressen till videosidan i din textredigerare. WordPress kommer sedan att fungera resten och infoga den obligatoriska koden för att bädda in videon till din webbplats. Det här är allt bra, förutom att den inbäddade videoens bredd och höjd är prefixad och du kan inte ändra den. Vad som kan hända är att videon är för liten för ditt tema, eller för stort för att passa in i innehållsområdet. Om du använder ett lyhörd tema för din webbplats, kommer du att upptäcka att videon inte skala när du ändrar webbläsaren och slutligen bryter ditt tema.

För att illustrera är detta vad som hände:

Observera att videon inte tar upp hela innehållsbehållarens bredd?

Lägg märke till att videon inte skala när du ändrar webbläsaren och det gick ut ur innehållsbehållaren och bryter mot temat?

För att åtgärda detta måste vi använda ett skript - FitVids - som gör din inbäddad video till ett fullbreddsreaktivt objekt och automatiskt skalas när du ändrar webbläsaren.

Personligen har jag integrerat FitVids-skriptet direkt i temat för att minska serverkostnaden, men för dem som inte har erfarenhet av kodning finns det ett plugin som kan göra det för dig: FitVids för WordPress.

1. Installera och aktivera FitVids för WordPress-plugin.

2. Gå till "Utseende -> FitVids".

3. Om du är helt säker på att jQuery-skriptet (i version 1.6 och senare) redan ingår i ditt tema, lämna fältet "Lägg till jQuery" tomt. Om inte, markera rutan bredvid "Lägg till jQuery".

4. Fältet "jQuery selector" är lite knepigt eftersom det kan vara annorlunda för varje webbplats. I de flesta fall kan du bara ange ordet " body " (utan citat) i inmatningsfältet och det ska fungera. Om du emellertid vill mikrera en specifik behållare med video kan du placera behållarens id / klass i detta fält, till exempel: " #video-container ", " #content ", " .entry-content " etc.

Obs! "#" Och "." Framför texten representerar "id" respektive "klass" i CSS.

5. Kontrollera nu inlägget med en inbäddad video. Du borde se något så här:

Videon tar nu upp hela bredden av innehållsbehållaren

Den automatiseras automatiskt när du ändrar webbläsaren.

Slutsats

FitVids är ett lättanvänt manus för att konvertera din inbäddad video till ett lyhörd objekt. Prova det och låt oss veta om det här är användbart för dig.