Generare facilmente codici di risposta responsive con questa applicazione gratuita

Ogni web designer lo sa come incorporare 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: il mancanza di soluzioni reattive. Ogni sito moderno è pienamente reattivo e un video fisso può davvero interrompere questo flusso sui dispositivi mobili.

Per contrastare questo problema, prova Embedresponsively.com. Questa app web gratuita auto-genera codici di incorporamento per una vasta gamma di siti multimediali e persino supporta gli elementi iframe predefiniti.

Di default, puoi scegli da una manciata di siti multimediali che supporta 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. Appena copia l'URL di qualsiasi elemento che desideri incorporare e incollarlo nell'app Web.

Una volta che fai clic sul “Incorporare” pulsante, lo farai ottenere un'anteprima che tu puoi prova nel tuo browser ridimensionando, per vedere come si adatta il video. Sotto il riquadro di anteprima, troverai un blocco di codice che puoi copia / incolla e usa per incorporare il tuo sito.

Questa è una delle soluzioni più semplici per il problema di inclusione reattiva. L'obiettivo è quello 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 tu non voglio ricordarti 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 è certamente un'ottima soluzione per qualsiasi layout reattivo.

E, se lo desideri, puoi trovare gratuitamente il codice sorgente completo su GitHub aggiungi supporto per più supporti incorporabili.