Incrustar contenido web como videos de YouTube esbastante fácil, ya que el servicio te da el código de inserción y solo necesitas pegarlo. El problema es que si está pegando el enlace en un sitio web que tiene un diseño receptivo, el marco de video no cambiará de tamaño porque el código de inserción en sí no responde. Lo mismo ocurre con las incrustaciones de Google Maps, Vimeo e Instagram. Si sabe cómo hacerlo, siempre puede editar el código usted mismo para que responda, pero una forma mucho más rápida y fácil de hacerlo es utilizando Incrustar Responsivamente. Es una aplicación web dedicada a proporcionarle códigos de inserción receptivos para contenido en servicios como YouTube, Vimeo, Google Maps e Instagram.
Usar Embed Responsively es bastante simple. Primero deberá encontrar lo que está incrustando, ya sea una ubicación en Google Maps, un video en YouTube o Vimeo, o una foto o video corto en Instagram. No necesita copiar el código de incrustación de la función del servicio; simplemente copie la URL de su página. A continuación, visite Embed Responsively y seleccione el mismo servicio entre las opciones disponibles.

Pegue la URL que copió del servicio,y haga clic en el botón "Incrustar". Verá una vista previa del video, mapa o imagen que está incrustando, y su código de incrustación receptivo debajo. Ahora todo lo que tiene que hacer es pegar el código de inserción en su sitio web como lo haría con cualquier otro código de inserción generado automáticamente, y funcionará de manera receptiva, redimensionándose según el tamaño de la pantalla.

No hace falta decir que si quieres elcódigo incrustado receptivo para que funcione como se anuncia en su sitio web, el sitio web en sí mismo debe tener un diseño receptivo para comenzar, o no tendrá sentido usar código incrustado receptivo. Esto se debe a que es su sitio web el que tiene que detectar un cambio en el tamaño de la pantalla. Puede probar el código en el sitio web Embed Responsively en sí pegando un enlace y luego redimensionando la ventana de su navegador. Verá que la vista previa que se genera allí cambia de tamaño a medida que cambia el tamaño de la ventana. También se cuida de no pegarse a los bordes de la ventana, dejando acolchado a ambos lados.
Puede sorprender a algunos saber que la inserciónel código de sitios web como YouTube y Google Maps no responde, especialmente cuando los servicios como Twitter y SoundCloud brindan a los usuarios un código de inserción receptivo de forma predeterminada. Embed Responsively también lo ayuda a encontrar otros servicios que lo hacen, en la pestaña "Más".
Visita Insertar Responsivo
[a través de The Next Web]
Comentarios