Generați cu ușurință coduri de încorporare responsabile cu această aplicație gratuită

Fiecare designer web știe cum să încorporați videoclipuri. Embedding-ul este cel mai simplu mod de a partaja conținutul și de a vă îmbunătăți articolele cu mediile relevante.

Cu toate acestea, există o problemă cu iframe și alte embeduri video similare: lipsa de soluții receptive. Fiecare site modern este pe deplin receptiv și un film fix poate sparge într-adevăr acest flux pe mobil.

Pentru a rezolva această problemă, încercați Embedresponsively.com. Această aplicație web gratuită auto-generează coduri de încorporare pentru o gamă largă de site-uri media și chiar acceptă elementele implicite iframe.

În mod implicit, poți alege dintr-o mână de site-uri multimedia care sprijină embedurile native:

YouTube
Vimeo
DailyMotion
Instagram
Stare de nervozitate
Hărți Google
SoundCloud
Scribd

Nu este nevoie să memorați toate aceste coduri de încorporare sau mizerie cu widget-urile încorporate. Doar copiați URL-ul oricăror elemente pe care doriți să le încorporați și lipiți-o în aplicația web.

După ce faceți clic pe “Încorporare” butonul obțineți o previzualizare că poți testați în browser-ul dvs. prin redimensionare, pentru a vedea cum se adaptează videoclipul. Sub panoul de examinare, veți găsi un bloc de cod pe care îl puteți utiliza copiați / lipiți și utilizați pentru a încorpora pe site-ul dvs..

Aceasta este una dintre cele mai simple soluții pentru problema de integrare receptivă. Scopul este acela de a mențineți flexibilitatea videoclipului menținând în același timp raportul de aspect-nu o sarcină ușoară.

Există o piesă grozavă pe CSS-Tricks cu o altă soluție care se bazează mai mult pe clase și pe un element container. Dar daca tu nu doriți să vă amintiți întotdeauna adăugarea acelui container ați putea prefera Embedresponsively.com.

Luați o privire pe teren și faceți o șansă. Dacă nu te superi care lucrează cu fragmente de cod mai lungi aceasta este cu siguranță o soluție excelentă pentru orice aspect receptiv.

Și, dacă doriți, puteți găsi gratuit codul sursă complet pe GitHub adăugați suport pentru mai multe suporturi embeddable.