Cum să inserați un videoclip YouTube ca calificări pentru ecran complet în WordPress

Publicat: 2023-06-10


Căutați o modalitate de a include videoclipuri YouTube ca fundaluri pe ecran complet în WordPress?

Când sunt folosite cu meticulozitate, filmele de istorie pot capta imediat atenția unui vizitator și pot continua să le păstreze pe site-ul dvs. Acest lucru le va face o opțiune excelentă pentru paginile de internet de destinație și paginile web cu venituri.

În această postare, vă vom arăta cum să inserați un videoclip YouTube ca fundal pe ecran complet pe site-ul dvs. de internet WordPress.

How to add YouTube video as fullscreen background in WordPress

De ce să folosiți un videoclip YouTube ca înregistrare pe ecran complet?

Când vizitatorii ajung inițial pe site-ul dvs. WordPress, aveți doar câteva secunde pentru a le obține interesul și pentru a-i determina să rămână.

Un istoric video captivant și atrăgător este o modalitate minunată de a păstra vizitatorii site-ului pe site-ul dvs. de internet. În plus, există numeroase teme WordPress unice care ajută fundalul filmelor.

Cu toate acestea, încărcarea și găzduirea pe internet a unui videoclip online pe WordPress pot necesita doar o mulțime de lățime de bandă. În funcție de pregătirea dvs. de găzduire pe internet WordPress, este posibil să trebuiască chiar să achiziționați spațiu de stocare suplimentar.

O singură soluție este să încorporați un film YouTube ca fundal pe ecran complet. În acest fel, vă puteți evidenția față de rivalii dvs. fără a vă încetini site-ul web sau a avea mai mult spațiu de stocare.

În acest sens, haideți să vedem cum puteți adăuga un film YouTube ca istoric pe ecran complet pe site-ul dvs. web WordPress.

Cum să includeți videoclipul YouTube Online ca înregistrare pe ecran complet în WordPress

Cea mai simplă modalitate de a include un film YouTube ca înregistrare pe ecran complet este utilizarea Fundalurilor WordPress avansate. Acest plugin adaugă un nou bloc Track Record care vă va permite să dezvoltați un istoric pe ecran complet utilizând orice culoare, imagine sau film, care include videoclipuri YouTube.

An example of a YouTube video background in WordPress

Inițial, va trebui să instalați și să activați pluginul. Dacă doriți asistență, atunci ar trebui să vedeți manualul nostru despre cum să configurați un plugin WordPress.

După activare, pur și simplu mergeți la pagină sau publicați în cazul în care doriți să creșteți un videoclip YouTube ca calificări pe ecran complet. Apoi puteți merge în avans și pur și simplu faceți clic pe butonul „+”.

În fereastra pop-up care pare, începeți să tastați „Background AWB”. Când apare blocul corespunzător, dă-i un clic pentru a-l mări pe site-ul web.

How to add a fullscreen video to a WordPress blog post or page

În meniul din stânga, veți vedea trei file pentru diferitele forme de fundaluri pe ecran complet pe care le puteți produce: umbră, impresie și video online.

Având în vedere că doriți să inserați un videoclip YouTube, faceți clic pe fila „Video”.

Acest plugin vă permite să utilizați un videoclip auto-găzduit ca o calificare. Cu toate acestea, clipurile video ocupă o cantitate mare de spațiu de stocare și lățime de bandă, așa că nu ar trebui să încărcați niciodată un videoclip pe WordPress.

Cu cele rămase raportate, alege fila „YouTube/Video”.

How to add a YouTube video as a fullscreen background in WordPress

Acum, veți dori adresa URL a filmului YouTube pe care doriți să-l utilizați pe site-ul dvs. de blog WordPress.

Într-o filă nouă, mergeți doar la videoclipul și copiați hyperlinkul din bara de adrese.

Getting the URL for a YouTube video

După ce ați făcut acest lucru, reveniți la tabloul de bord WordPress și inserați adresa URL în fila „Adresa URL video”.

Acum, editorul de blocuri WordPress va afișa o previzualizare a modului în care va apărea această înregistrare. Fundalurile WordPress sofisticate modifică dimensiunea videoclipului centrat pe conținutul scris pe care îl adăugați deasupra acestuia, așa că nu vă îngrijorați dacă videoclipul în acest moment pare a fi puțin mai mic.

How to customize a YouTube background video in WordPress

Chiar înainte de a începe să introduceți conținut scris, este o strategie fantastică să configurați setările fundalului.

În mod implicit, fundalul videoclipului este dezactivat pe echipamentele celulare. Smartphone-urile și tabletele au, de obicei, ecrane mai mici și energie electrică de procesare considerabil mai mică, spre deosebire de computerele personale desktop. Cu asta în creier, este un gând superior să lași calificările video dezactivate pe mobil.

Chiar și așa, dacă doriți să afișați înregistrarea videoclipului pe dispozitivele celulare, faceți clic pentru a activa comutatorul „Activați pe dispozitivele celulare”.

Showing a YouTube background on mobile devices

Din cutie, blocul va realiza clipul video complet YouTube într-o buclă.

O altă opțiune este să participați la o porțiune distinctă a filmului, introducând orele corecte în containerele „Ora de început” și „Ora de sfârșit”.

How to add a YouTube background video to a website

De asemenea, puteți opri redarea videoclipului în buclă dezactivând comutatorul „Buclă”.

În mod implicit, filmul se va angaja numai atunci când vizitatorul îl poate vedea în browser. Acest lucru vă permite să vă creșteți viteza și eficiența WordPress, așa că în mod normal veți dori să lăsați comutatorul „Joacă întotdeauna” dezactivat.

Când încorporați inițial videoclipul, acesta este afișat la o opacitate 100%, așa că pare a fi bine.

Pe baza aspectului site-ului dvs., ați putea dori să experimentați cu un fundal video semi-clar trăgând glisorul „Opacitate imagine”. Aceasta poate fi o modalitate de a produce o istorie mai delicată a filmelor YouTube.

Changing the opacity settings for a YouTube video

Dacă experimentați cu opacitatea, atunci poate doriți să verificați și adăugarea unei suprapuneri colorate.

Pur și simplu faceți clic pe pentru a crește porțiunea „Culoare de suprapunere” și apoi utilizați configurațiile pentru a produce suprapuneri colorate diferite.

Adding an overlay to a video background

Pluginul de ultimă generație pentru Fundaluri WordPress acceptă o serie de rezultate distincte de paralaxă. Aceasta este o strategie actuală de aranjare a rețelei în care aspectul istoric derulează mai lent decât conținutul scris în prim-plan, ceea ce oferă adesea profunzime stilului și designului paginii site-ului web.

Pentru a lua în considerare consecințele distincte ale paralaxei, pur și simplu faceți clic pentru a extinde partea „Paralaxă” și apoi alegeți o alternativă din meniul drop-down.

Adding parallax effects to a WordPress website

Imediat după ce ai ales o modă de paralaxă, vei ajunge la câteva opțiuni adăugate exact în care poți transforma viteza. De asemenea, puteți permite și dezactiva efectul de paralaxă asupra unităților celulare.

În mod similar, puteți experimenta cu diverse rezultate de paralaxă a mouse-ului, care determină fundalul să defileze suplimentar lent, dar sigur atunci când clientul mișcă mouse-ul.

Pentru a alege o privire asupra acestor configurații, faceți clic pe pentru a extinde secțiunea „Mouse Parallax”.

Adding mouse parallax effects to a background video

Când sunteți mulțumit de modul în care sunt configurate calificările video YouTube online, este timpul să începeți să includeți conținut scris, cum ar fi conținut textual, link-uri și ilustrații sau fotografii.

Pentru a începe, faceți clic pe pictograma „+” din mijlocul blocului Calificări (AWB).

Adding blocks to a YouTube background video

Aceasta deschide o fereastră pop-up în care puteți alege blocul pe care doriți să îl inserați. Pluginul WordPress Backgrounds de ultimă generație funcționează cu toate blocurile convenționale WordPress, astfel încât să puteți include orice articole doriți.

Imediat după configurarea primului bloc, practic, faceți clic pe butonul „+” din nou și apoi includeți blocul următor pe care doriți să îl utilizați.

Adding a RafflePress giveaway block to a video background

Continuați să repetați această metodă pentru a dezvolta aspectul paginii site-ului web.

Când sunteți mulțumit de cum pare, faceți clic pe butonul „Actualizați” sau „Publicați” pentru ca pagina web să fie vie. Acum, dacă aruncați o privire pe site-ul dvs. WordPress, atunci veți vedea calificările filmului în mișcare.

An example of a YouTube video background in WordPress

Bonus: Cum să inserați un feed video YouTube în WordPress

Istoricul unui clip video poate atrage atenția vizitatorilor atunci când vă comercializează și canalul YouTube. Cu toate acestea, dacă cu siguranță doriți să obțineți mult mai mulți oameni și abonați pe YouTube, atunci s-ar putea să doriți să adăugați mai multe filme pe site-ul dvs. web.

Aici va intra Smash Balloon.

Smash Balloon YouTube Feed Professional este cel mai bun plugin pentru galerie YouTube de pe piață. Afișează instantaneu toate cele mai noi clipuri video de pe canalul tău YouTube, astfel încât oamenii să vadă în general cele mai noi materiale.

Embedding a YouTube playlist using Smash Balloon

Generați un feed YouTube doar aplicând editorul fără efort al lui Smash Balloon și apoi inserați-l în orice pagină sau postare utilizând posibil shortcode sau blocul complet gata proiectat al pluginului.

De asemenea, puteți utiliza Smash Balloon pentru a încorpora liste de redare YouTube, favorite și fluxuri live pe site-ul dvs. web WordPress.

Creating a YouTube feed using the Smash Balloon social media plugin

Cel mai important lucru despre Smash Balloon este că nu încetinește site-ul tău. Funcția de stocare în cache YouTube încorporată a pluginului se va asigura că site-ul dvs. se încarcă rapid în mod constant, ceea ce este bun pentru optimizarea pentru motoarele de căutare.

Sperăm că această postare te-a ajutat să înveți cum să crești un videoclip YouTube ca istoric în WordPress. De asemenea, ați putea dori să testați ghidul nostru despre cum să construiți o pagină web de destinație cu WordPress și alegerile noastre calificate pentru cele mai bune pluginuri pentru galeria de filme YouTube.

Dacă ați favorizat acest articol, atunci asigurați-vă că vă abonați la canalul nostru YouTube pentru tutoriale video online WordPress. Ne puteți găsi și pe Twitter și Fb.