Generare facilmente codici di risposta responsive con questa applicazione gratuita

Ogni web designer sa come incorporare i video . L'incorporamento è il modo più semplice per condividere contenuti e migliorare i tuoi articoli con i media pertinenti.

Tuttavia, c'è un problema con iframe e altri video simili incorporati: la mancanza di soluzioni reattive . Ogni sito moderno è completamente reattivo e un video fisso può davvero interrompere questo flusso sui dispositivi mobili.

Per contrastare questo problema, prova Embedresponsively.com . Questa app Web gratuita genera automaticamente codici di incorporamento per un'ampia gamma di siti multimediali e supporta anche elementi iframe predefiniti .

Per impostazione predefinita, è possibile scegliere tra una manciata di siti multimediali che supportano gli incorporamenti nativi:

• Youtube
• Vimeo
• DailyMotion
• Instagram
• cinguettio
• Google Maps
• Soundcloud
• Scribd

Non è necessario memorizzare tutti questi codici embed o pasticciare con i loro widget embed. Basta copiare l'URL di qualsiasi elemento che si desidera incorporare e incollarlo nell'app Web.

Dopo aver fatto clic sul pulsante "Incorpora", otterrai un'anteprima che puoi provare nel tuo browser ridimensionando, per vedere come si adatta il video. Sotto il riquadro di anteprima, troverai un blocco di codice che puoi copiare / incollare e utilizzare per incorporare nel tuo sito .

Questa è una delle soluzioni più semplici per il problema di inclusione reattiva. L'obiettivo è di mantenere flessibile il video mantenendo le proporzioni, non è un compito facile.

C'è un bel pezzo su CSS-Tricks con un'altra soluzione che si basa più sulle classi e su un elemento contenitore. Ma, se non vuoi ricordare sempre di aggiungere quel contenitore, potresti preferire Embedresponsively.com.

Dai un'occhiata al sito e dagli un colpo. Se non ti dispiace lavorare con frammenti di codice più lunghi, questa è sicuramente un'ottima soluzione per qualsiasi layout reattivo.

E, puoi trovare il codice sorgente completo gratuitamente su GitHub se vuoi aggiungere supporto per altri media incorporabili .