Startpagina » Toolkit » Genereer responsieve insluitcodes gemakkelijk met deze gratis app

    Genereer responsieve insluitcodes gemakkelijk met deze gratis app

    Elke webdesigner weet het hoe video's te embedden. Inbedden is de gemakkelijkste manier om inhoud te delen en uw artikelen te verbeteren met relevante media.

    Er is echter een probleem met iframes en andere soortgelijke ingesloten video's: de gebrek aan responsieve oplossingen. Elke moderne site is volledig responsive en een vaste video kan die stroom op mobiel echt doorbreken.

    Probeer om dit probleem op te lossen Embedresponsively.com. Deze gratis web-app genereert automatisch insluitcodes voor een breed scala aan mediasites en zelfs ondersteunt standaard iframe-elementen.

    Standaard kunt u dit doen kies uit een handvol multimediasites die native-insluitingen ondersteunen:

    • YouTube
    • Vimeo
    • DailyMotion
    • Instagram
    • tjilpen
    • Google Maps
    • Soundcloud
    • Scribd

    U hoeft niet al deze insluitcodes te onthouden of te knoeien met hun embed-widgets. Net kopieer de URL van het item dat u wilt insluiten en plak het in de web-app.

    Zodra u op klikt “insluiten” knop, zul je krijg een preview Dat jij kunt test in je browser door het formaat aan te passen, om te zien hoe de video zich aanpast. Onder het voorbeeldvenster vindt u een codeblok dat u kunt vinden kopiëren en plakken en gebruiken om in te voegen op uw site.

    Dit is een van de eenvoudigste oplossingen voor het responsieve embed-probleem. Het doel is om Houd de video flexibel met behoud van de beeldverhouding-geen gemakkelijke taak.

    Er is een geweldig stuk over CSS-Tricks met een andere oplossing die meer afhankelijk is van klassen en een containerelement. Maar als jij wil niet altijd onthouden dat ik die container heb toegevoegd misschien geeft u de voorkeur aan Embedresponsively.com.

    Neem een ​​kijkje op de site en probeer het eens. Als je het niet erg vindt werken met langere codefragmenten dit is zeker een geweldige oplossing voor elke responsieve lay-out.

    En je kunt de volledige broncode gratis op GitHub vinden als je dat wilt ondersteuning toevoegen voor meer integreerbare media.