Úvodná » toolkit » Generovať odpovedajúce kódy vloženia ľahko s touto bezplatnou aplikáciou

    Generovať odpovedajúce kódy vloženia ľahko s touto bezplatnou aplikáciou

    Každý web dizajnér vie ako vložiť videá. Vkladanie je najjednoduchší spôsob, ako zdieľať obsah a zlepšovať svoje články pomocou príslušných médií.

    Existuje však problém s rámcami iframe a inými podobnými videoobsahmi: nedostatok citlivých riešení. Každá moderná lokalita plne reaguje a pevné video môže naozaj prerušiť tok na mobilnom telefóne.

    Ak chcete vyriešiť tento problém, skúste to Embedresponsively.com. Táto bezplatná webová aplikácia automaticky generuje kódy vloženia pre širokú škálu mediálnych stránok a dokonca podporuje predvolené prvky iframe.

    V predvolenom nastavení môžete vyberte si z niekoľkých multimediálnych stránok ktoré podporujú natívne vložky:

    • YouTube
    • Vimeo
    • DailyMotion
    • Instagram
    • cvrlikání
    • Google Mapy
    • SoundCloud
    • Scribd

    Nemusíte pamätať všetky tieto kódy vkladania alebo neporiadok s ich widgety vkladania. proste skopírujte adresu URL ktorejkoľvek položky, ktorú chcete vložiť a vložte ho do webovej aplikácie.

    Po kliknutí na tlačidlo “vložiť” tlačidlo, budete získať ukážku že môžete otestujte vo svojom prehliadači zmenou veľkosti, vidieť, ako sa video upravuje. Pod panelom s ukážkou nájdete blok kódu, ktorý môžete použiť kopírovať / vkladať a používať na vloženie na svoje stránky.

    Jedná sa o jedno z najjednoduchších riešení problému odpovedajúceho vkladania. Cieľom je Udržujte video flexibilné pri zachovaní pomeru strán-nie je ľahká úloha.

    Existuje skvelý kus na CSS-Triky s iným riešením, ktoré sa opiera viac o triedy a kontajnerový prvok. Ale ak áno nechce vždy pamätať na pridanie tohto kontajnera môžete preferovať Embedresponsively.com.

    Pozrite sa na miesto a urobte si výstrel. Ak vám to nevadí pracuje s dlhšími útržkami kódu je to určite skvelé riešenie pre akékoľvek reagujúce usporiadanie.

    A ak chcete, môžete na GitHub bezplatne nájsť úplný zdrojový kód pridajte podporu pre viac embeddable médií.