Generador de codi d’inserció de Giphy

Eina gratuïta per afegir un iframe responsiu de vídeo de Giphy al vostre lloc web.

Opcions de personalització

  • URL de Giphy
  • Configuració de mida
  • Responsiu
  • Relació d’aspecte
  • Amplada (en px)
  • Alçada (en px)

Codi d’inserció de Giphy

Com incrustar un vídeo de Giphy amb aquesta eina?

Captura de pantalla del camp d’URL

Enganxeu un enllaç de vídeo de Giphy

Enganxeu un enllaç de vídeo de Giphy al camp d’URL a la part superior de la columna esquerra.

Captura de pantalla de les opcions de personalització

Configureu les opcions del reproductor de Giphy

El reproductor de Giphy admet moltes opcions de personalització com responsivitat, relació d’aspecte i moltes més!

Captura de pantalla del botó de copiar

Copieu el codi HTML generat

Copieu el codi d’inserció HTML generat amb el vídeo de Giphy! Utilitzeu-lo al vostre lloc web WordPress, presentació PowerPoint o en un correu electrònic.

Opcions del generador d’inserció de Giphy compatibles

Explicació de totes les opcions d’inserció de Giphy compatibles. Utilitzeu les opcions següents per millorar el codi iframe HTML de Giphy incrustat al vostre lloc web.

responsiu

L’opció "responsiu" estira el gif o vídeo incrustat de Giphy a tota l’amplada del lloc web o del contenidor HTML.

amplada i alçada

Apareix només quan l’opció responsiu està desactivada. Personalització manual de l’amplada i l’alçada del reproductor incrustat de Giphy. Quan l’opció de relació d’aspecte està activada, l’alçada es recalcularà automàticament en funció de l’amplada.

URL 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>