Cum se adaugă o frontieră iframe în jurul unui embed video

Doriți să adăugați o margine iframe în jurul embedului video? Recent, un utilizator ne-a cerut o modalitate de a adăuga o frontieră în jurul videoclipurilor lor în WordPress. Din moment ce puteți utiliza atât iframe, cât și oEmbed pentru a adăuga videoclipuri în WordPress, vă vom arăta cum să adăugați o margine iframe în jurul unui embed video, precum și cum să adăugați o margine în jurul videoclipurilor oEmbed în WordPress.

Tutorial video

Dacă nu vă place videoclipul sau aveți nevoie de mai multe instrucțiuni, continuați să citiți.

Adăugarea de interfețe video în interiorul forumului în WordPress

Primul lucru pe care trebuie să-l faceți este să deschideți o postare sau o pagină care conține codul de încorporare video iframe. Un cod de încorporare tip iframe ar trebui să arate astfel:

Puteți adăuga o margine în jurul valorii de ea prin adăugarea de stil inline la cod ca acesta:

Pur și simplu schimbați lățimea bordurii, precum și culoarea și ați terminat.

În timp ce adăugăm o frontieră iframe, există de fapt o modalitate mai bună de a adăuga o margine în jurul videoclipurilor în WordPress. Asta este prin utilizarea oEmbed.

Adăugarea de frontieră în jurul valorii de Video oEmbed în WordPress

WordPress vine cu suport încorporat în oEmbed. Practic, WordPress vă permite să lipiți link-ul videoclipului și acesta va primi automat codul de încorporare pentru acesta. Acum, acest lucru funcționează numai pentru site-urile activate oEmbed cum ar fi YouTube, Vimeo, DailyMotion, Hulu etc. (Vezi: cum să adăugați cu ușurință videoclipuri în WordPress folosind oEmbed)

Acum că știți cum să adăugați un videoclip cu oEmbed, iată cum puteți adăuga o margine în jurul videoclipurilor oEmbed în WordPress.

Când adăugați un videoclip folosind oEmbed, pur și simplu înfășurați URL-ul în tag-ul span cu parametrii de stil inline, cum ar fi:

http://www.youtube.com/watch?v=qzOOy1tWBCg

Dacă doriți să adăugați o aceeași margine în jurul tuturor cadrelor iframe video, atunci ar fi mai bine să adăugați o clasă CSS în foaia de stil a temei.

 .cadru-graniță graniță: 3px solid #EEE;  

Acum puteți utiliza clasa CSS în codul de încorporare iframe astfel:

De asemenea, puteți utiliza aceeași clasă CSS în eticheta Span în jurul adreselor URL ale videoclipurilor dvs. oEmbed, astfel:

http://www.youtube.com/watch?v=qzOOy1tWBCg

Beneficiul utilizării unei singure clase CSS este că, dacă schimbați temele mai târziu, puteți schimba cu ușurință culorile cu un singur clic în timp ce reveniți și editați fiecare videoclip individual.

Sperăm că acest articol v-a ajutat să adăugați o frontieră iframe în jurul unui videoclip încorporat în WordPress. Puteți dori, de asemenea, să vedeți aceste 9 sfaturi utile YouTube pentru a vă îmbogăți site-ul WordPress cu videoclipuri.

Dacă v-ați plăcut acest articol, vă rugăm să vă abonați la tutorialele video YouTube pentru canalul YouTube pentru WordPress. Ne puteți găsi pe Twitter și pe Facebook.