Generer Responsive Embed Codes enkelt med denne gratis applikasjonen
Hver webdesigner vet hvordan å legge inn videoer. Embedding er den enkleste måten å dele innhold og forbedre artiklene dine med relevante medier.
Det er imidlertid et problem med iframes og andre lignende videoinnstillinger: mangel på responsive løsninger. Hvert moderne nettsted er fullt lydhør, og en fast video kan virkelig ødelegge den strømmen på mobilen.
For å motvirke dette problemet, prøv Embedresponsively.com. Denne gratis web-appen automatisk genererer innebygde koder for en rekke mediasider og til og med støtter standard iframe-elementer.
Som standard kan du velg fra en håndfull multimedia nettsteder som støtter innfødte embeder:
- YouTube
- Vimeo
- Dailymotion
- Google Kart
- Soundcloud
- Scribd
Du trenger ikke å huske alle disse innebygde kodene eller rotet med sine innebygde widgets. Bare Kopier nettadressen til det elementet du vil legge inn og lim det inn i nettappappen.
Når du klikker på “embed” knappen, du vil få en forhåndsvisning det kan du test i nettleseren din ved å endre størrelse, for å se hvordan videoen tilpasses. Under forhåndsvisningspanelet finner du en blokk med kode som du kan Kopier / lim inn og bruk for å legge inn på nettstedet ditt.
Dette er en av de enkleste løsningene for det responsive embed-problemet. Målet er å Hold videoen fleksibel, samtidig som du opprettholder bildeforholdet-ikke en enkel oppgave.
Det er et flott stykke på CSS-Tricks med en annen løsning som avhenger mer av klasser og et containerelement. Men hvis du vil ikke alltid huske å legge til den beholderen Du foretrekker kanskje Embedresponsively.com.
Ta en titt på nettstedet og gi det et skudd. Hvis du ikke bryr deg jobber med lengre kodestykker Dette er absolutt en flott løsning for enhver responsiv layout.
Og du kan finne full kildekode gratis på GitHub hvis du vil legg til støtte for mer innebygd media.
