Sari la conținut

Cum schimbi dimensiunea unui video YouTube inserat în WordPress

  • De WooCentury
  • Actualizat
  • 2 min de citit

Ca să schimbi dimensiunea unui video YouTube inserat în WordPress, modifici atributele width și height din codul de embed sau setezi raportul de aspect (16:9, 4:3) direct în blocul Gutenberg. Pentru un video care se adaptează perfect pe mobil, adaugi și o regulă CSS simplă. Le iei pe rând mai jos.

De ce merită să pui video-uri în articole

Un video bine ales ține vizitatorii mai mult pe pagină, explică vizual ce e greu de descris în text și îți arată produsul sau serviciul în acțiune. Unii oameni înțeleg mai repede dintr-un video de două minute decât din 1.000 de cuvinte.

Metoda 1: codul de embed de pe YouTube

  1. Deschide video-ul pe YouTube și apasă Distribuie.
  2. Alege Încorporează (prima opțiune din listă).
Butonul Încorporează din YouTube
Opțiunea „Încorporează” din meniul de distribuire YouTube
  1. Bifează „Activează modul de confidențialitate avansată”. Codul va folosi domeniul youtube-nocookie.com, iar YouTube nu mai salvează date despre vizitatori până nu pornesc video-ul. E important pentru GDPR.
  2. Opțional, setează minutul de început și dacă vrei să se vadă controalele playerului.
  3. Copiază codul și modifică valorile width="560" height="315" după nevoie.
Setările codului de embed YouTube
Setările codului de încorporare
  1. În WordPress, adaugă un bloc HTML personalizat (sau treci editorul clasic pe modul Text) și lipește codul.
  2. Apasă Actualizează și verifică pagina.

Metoda funcționează în orice editor: Gutenberg, editorul clasic, WPBakery, Elementor (prin widgetul HTML) sau Beaver Builder.

Metoda 2: raportul de aspect în editorul Gutenberg

  1. Lipește link-ul video-ului direct într-un paragraf: WordPress creează automat un bloc YouTube.
  2. Selectează blocul și, în panoul din dreapta, găsește opțiunea Raport de aspect (16:9, 4:3, 21:9 etc.).
  3. Pentru valori exacte, apasă pe cele trei puncte ale blocului → Editează ca HTML și modifică dimensiunile.

Metoda 3: video responsive, pe toată lățimea

Dimensiunile fixe arată bine pe desktop, dar pot ieși din ecran pe telefon. Varianta modernă: lași video-ul să ocupe toată lățimea conținutului și păstrezi proporția 16:9 cu CSS. Adaugă în Aspect → Personalizare → CSS suplimentar:

.entry-content iframe[src*="youtube"] {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}

Video-urile și viteza site-ului

Fiecare video YouTube încarcă peste 500 KB de scripturi, chiar dacă nimeni nu apasă „Play”. Dacă ai mai multe video-uri pe aceeași pagină, folosește încărcarea întârziată (lazy load), de exemplu opțiunea „iframe lazy load” din LiteSpeed Cache. Mai multe în ghidul de optimizare a vitezei WordPress.