Hjemmeside » Værktøjskasse » Generer Responsive Embed Codes nemt med denne gratis app

    Generer Responsive Embed Codes nemt med denne gratis app

    Hver webdesigner kender Sådan integreres videoer. Indlejring er den nemmeste måde at dele indhold på og forbedre dine artikler med relevante medier.

    Der er dog et problem med iframes og andre lignende videoindstillinger: manglende responsive løsninger. Hvert moderne websted er fuldt lydhørt, og en fast video kan virkelig ødelægge strømmen på mobilen.

    For at imødegå dette problem, prøv Embedresponsively.com. Denne gratis webapp automatisk genererer indlejrede koder til et bredt udvalg af mediewebsteder og endda understøtter standard iframe-elementer.

    Som standard kan du vælg fra en håndfuld multimediewebsteder der støtter indfødte embedsmænd:

    • Youtube
    • Vimeo
    • DailyMotion
    • Instagram
    • Twitter
    • Google kort
    • SoundCloud
    • Scribd

    Du behøver ikke at huske alle disse indlejrede koder eller rod med deres indlejrede widgets. Lige Kopier webadressen til det emne, du vil integrere og indsæt det i webappsappen.

    Når du klikker på “Indlejre” knappen, du vil få en forhåndsvisning at du kan test i din browser ved at ændre størrelse, for at se, hvordan videoen tilpasser sig. Under for preview-vinduet finder du en blok kode, som du kan kopiere / indsætte og bruge til at indlejre på dit websted.

    Dette er en af ​​de enkleste løsninger på det responsive embed problem. Målet er at Hold videoen fleksibel, samtidig med at billedforholdet opretholdes-ikke en let opgave.

    Der er et godt stykke på CSS-Tricks med en anden løsning, der afhænger mere af klasser og et containerelement. Men hvis du vil ikke altid huske at tilføje den beholder Du foretrækker måske Embedresponsively.com.

    Tag et kig på webstedet og giv det et skud. Hvis du ikke har noget imod det arbejder med længere kodestykker Dette er helt sikkert en fantastisk løsning til ethvert lydhurtigt layout.

    Og du kan finde fuld kildekoden gratis på GitHub, hvis du vil Tilføj support til flere indlejrede medier.