Genere códigos incrustados receptivos fácilmente con esta aplicación gratuita

Cada diseñador web sabe cómo incrustar videos . Incrustar es la forma más fácil de compartir contenido y mejorar sus artículos con los medios relevantes.

Sin embargo, existe un problema con iframes y otras incrustaciones de video similares: la falta de soluciones receptivas . Todos los sitios modernos responden completamente y un video fijo realmente puede romper ese flujo en los dispositivos móviles.

Para contrarrestar este problema, pruebe Embedresponsively.com . Esta aplicación web gratuita genera automáticamente códigos incrustados para una amplia gama de sitios multimedia e incluso admite elementos iframe predeterminados .

De forma predeterminada, puede elegir entre un puñado de sitios multimedia compatibles con las incorporaciones nativas:

• Youtube
• Vimeo
• DailyMotion
• Instagram
• Gorjeo
• mapas de Google
• Soundcloud
• Scribd

No necesita memorizar todos estos códigos incrustados o desordenarlos con sus widgets de inserción. Simplemente copie la URL de cualquier elemento que desee incrustar y péguela en la aplicación web.

Una vez que haga clic en el botón "Insertar", obtendrá una vista previa que puede probar en su navegador mediante el cambio de tamaño, para ver cómo se adapta el video. Debajo del panel de vista previa, encontrará un bloque de código que puede copiar / pegar y usar para incrustar en su sitio .

Esta es una de las soluciones más simples para el problema de integración receptiva. El objetivo es mantener el video flexible manteniendo la relación de aspecto, no es una tarea fácil.

Hay una gran pieza en CSS-Tricks con otra solución que se basa más en las clases y un elemento contenedor. Pero, si no quiere recordar siempre agregar ese contenedor, puede preferir Embedresponsly.com.

Echa un vistazo al sitio y pruébalo. Si no te importa trabajar con fragmentos de código más largos, esta es una gran solución para cualquier diseño receptivo.

Y, puede encontrar el código fuente completo gratis en GitHub si desea agregar soporte para medios más incrustables .