Generador de código de inserción Giphy

Herramienta gratuita para agregar un iframe responsivo de video Giphy a tu sitio web.

Opciones de personalización


  • URL de Giphy
  • Ajustes de tamaño
  • Responsivo
  • Relación de aspecto
  • Ancho (en px)
  • Alto (en px)

Código de inserción Giphy


¿Cómo insertar un video de Giphy con esta herramienta?

Captura de pantalla del campo de URL

Pega un enlace de video de Giphy

Pega un enlace de video de Giphy en el campo de URL en la parte superior de la columna izquierda.

Captura de pantalla de las opciones de personalización

Configura las opciones del reproductor de Giphy

El reproductor de Giphy admite muchas opciones de personalización como responsividad, relación de aspecto ¡y muchas más!

Captura de pantalla del botón de copiar

Copia el código HTML generado

¡Copia el código HTML de inserción generado con el video de Giphy! Úsalo en tu sitio WordPress, presentación de PowerPoint o en un correo electrónico.

Opciones del generador de inserción de Giphy compatibles

Explicación de todas las opciones de inserción de Giphy compatibles. Usa las siguientes opciones para mejorar el código iframe HTML de Giphy insertado en tu sitio web.

responsivo

La opción "responsivo" estira el GIF o video insertado de Giphy al ancho completo del sitio web o del contenedor HTML.

ancho y alto

Aparece solo cuando la opción responsiva está desactivada. Personalización manual del ancho y alto del reproductor insertado de Giphy. Cuando la opción de relación de aspecto está configurada, el alto se recalcula automáticamente en función del ancho.

URLs de Giphy compatibles

  • https://giphy.com/embed/<gif-id>

  • https://giphy.com/stickers/<gif-id>

  • https://giphy.com/gifs/<gif-id>

  • https://www.giphy.com/embed/<gif-id>

  • https://www.giphy.com/stickers/<gif-id>

  • https://www.giphy.com/gifs/<gif-id>