[LÖST] Ändra storleken på den inbäddade Youtube-videon WordPress

Andrei Iordache

Andrei Iordache

WordPress Utvecklare

🚀 Jag hjälper människor att bli hittade på nätet | Utveckling av WordPress, Core Web Vitals, Säkerhet och underhåll

I den här korta handledningen kommer jag att lära dig hur du ändrar storleken på Youtube-videon som du har bäddat in i din WordPress-artikel eller -sida.

Varför ska du bädda in videor i blogginlägg?

Youtube-videor är ett bra sätt att lägga till mer spännande innehåll till ditt blogginlägg.

De hjälper dig att få mer engagemang från din publik och håller dem intresserade av ämnet.

Det är också ett bra sätt att visa upp din produkt eller tjänst i aktion.

Du kan till och med använda Youtube-videor som en introduktion till ditt blogginlägg, vilket gör det lättare för personer som kanske inte är bekanta med det du skriver om, eller som helt enkelt bättre förstår informationen i en video än i en skriven.

Som du kanske redan vet ger WordPress dig möjligheten att anpassa alla sidor eller inlägg och alla element i dem. Under de senaste åren använder fler och fler människor visuella redigeringstillägg, såsom Gutenberg, Visual Composer, WPBakery Page Builder, Beaver Builder eller Elementor (och många andra tillägg) eftersom de är lättare att kontrollera än att skriva hela koden från grunden.

Ändra storleken på inbäddad Youtube-video WordPress

Hur ändrar man storleken på en inbäddad Youtube-video i WordPress? Jag kommer att visa dig det enklaste sättet, som tillhandahålls direkt av Youtube:

I. Gör så här för att ändra storleken på Youtube-videon i ditt inlägg eller på din sida:

1. Gå till Youtube och sök efter din video.

2. Tryck på knappen “Share” (dela). Du ser alternativet “Embed” precis i början (före Facebook-knappen – se bilden nedan).

IMG 1 - Share Button | Youtube Embed WordPress
IMG 1 – Share Button | Youtube Embed WordPress

3. Tryck på knappen Embed (se bilden nedan).

IMG 2 - Embed Button | Youtube Embed WordPress
IMG 2 – Embed Button | Youtube Embed WordPress

4. Kopiera och klistra in den anpassade koden (se bild 3 nedan) på din WordPress-sida/post. Glöm inte: Du måste vara i TEXTläget och inte i det visuella läget när du klistrar in koden i inlägget/sidan.

IMG 3 - Embed Video Settings | Youtube Embed WordPress
IMG 3 – Embed Video Settings | Youtube Embed WordPress

5. Du kan ändra storleken på videon direkt från koden.

6. Valfritt: Du kan också ställa in videons startpunkt (t.ex. 1:47).

7. Markera “Visa spelarkontroller” om du vill låta webbplatsens besökare styra videon.

8. Mycket viktigt: Markera kryssrutan “Enable privacy-enhanced mode”. Vad är detta? Det här är en ny funktion som tillhandahålls av Youtube. När du kryssar i den här rutan aktiverar du det integritetsförbättrade läget, och Youtube kommer inte att lagra informationen om dina besökare förrän de startar den specifika videon (se bilden nedan).

IMG 4 - What does YouTube-Nocookie com mean? | Youtube Embed WordPress
IMG 4 – What does YouTube-Nocookie com mean? | Youtube Embed WordPress

9. Nu kan du klicka på “Uppdatera/publicera” och granska ditt nya inlägg/sida.

Med den här källkoden kan du ändra storleken på den inbäddade videon i alla tillägg som anges ovan (Gutenberg, Visual Composer, WPBakery och så vidare). Återigen, se bara till att du är i TEXTläget/HTML-läget och inte i det visuella läget.

För andra tillägg (Elementor, till exempel) kan du lägga till ett nytt HTML-element och infoga videokoden där.


II. Ändra förhållandet/förhållandet för att bädda in YouTube-video i WordPress med hjälp av Gutenberg Editor

  1. Gå till inlägget/sidan och tryck på redigera.
  2. Gå till det block där videon är infogad.
  3. Flytta över blocket och tryck på de tre prickarna.
  4. Välj från rullgardinsmenyn: “Redigera som HTML”. Nu ser du videokoden (samma som ovan).
  5. Här kan du ändra videons bildförhållande (4:3, 16:9, 21:9).
Nästa inlägg
Så här avbryter du ditt LinkedIn Premium-konto i 5 enkla steg
Lusi StudiosLusi Studios
15:32 22 Jun 22
Andrei did an amazing job! He helped in a very rushed time and he excelled at everything. Thanks again!
I am grateful and I would to thank Websites Seller for their support in site recovery and site transfer. Websites Seller just saved my business. Thank you!
Wouter GhysensWouter Ghysens
11:52 10 Sep 21
Looking for a Wordpress transfer from site A to site B, I found back Andrei from Wesites Seller on Google.He was very proactive in his approach, came with hundreds of ideas and lifetime experiences from other migrations. He knows the wordpress, the hosting and php database as the back of his pocket.And we worked out this migration very smooth. Together we solved it, and myself and my business are very pleased with his approach.100% recommendation & kudo's from out of Belgium!
Ioachim CiobanuIoachim Ciobanu
18:39 14 Jul 21
Websites Seller built my resume site. Deliverables were quickly completed, and I was asked for my feedback at each stage of development. All feedback I gave was implemented in a short time.Another great thing is that he comes with smart solutions, regarding stuff which I didn't initially think of (site security, Google site speed optimization and so on). Basically, he was great, staying in touch, keeping me updated and paid attention to what was most important for my site.Overall, I am very happy with the work done. I highly recommend this developer!
K CollinsK Collins
09:11 19 May 21
I needed help with website speed - to improve my core web vitals - without compromising the usability of my site. Andrei was extremely responsive, proactive and fast. And more importantly, he increased by website speed. Highly recommend him, and I will be using him going forward on all my projects.

Tjänster

WordPress Website Maintenance Services

Underhåll av WordPress

Underhållstjänst för WordPress-webbplatser som erbjuder molnbackuper, akut support, veckovisa uppdateringar av webbplatsen, snabbhet och mycket mer.

sally

Migreringstjänst för WordPress

Överför din WordPress-webbplats till en ny plats på ett säkert sätt för 75 dollar. … Migrera din webbplats till en ny värd.

lawyer-office

Webbdesign för advokater

Vi är specialiserade på webbdesign, internetmarknadsföring och SEO för advokater och advokater i Europa och USA.