Generador de código de inserción Twitch

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

Opciones de personalización

  • URL de Twitch

  • Funciona con video, canal, chat, clip y colección

  • URL de tu sitio

  • Sitio web donde insertarás este código - también llamado sitio "padre"

  • Ajustes de tamaño
  • Responsivo
  • Relación de aspecto
  • Ancho (en px)
  • Alto (en px)
  • Ajustes De Video
  • Reproducción automática
  • Silenciar
  • Tiempo de inicio

Código de inserción Twitch

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

Captura de pantalla del campo de URL

Pega un enlace de video de Twitch

Pega un enlace de video de Twitch 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 Twitch

El reproductor de Twitch admite muchas opciones de personalización como stream, clips, canal en vivo, chat, video, colecciones ¡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 Twitch! Úsalo en tu sitio WordPress, presentación de PowerPoint o en un correo electrónico.

Opciones del generador de inserción de Twitch compatibles

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

responsivo

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

relación de aspecto

La opción "relación de aspecto" siempre mantiene la proporción del reproductor insertado de Twitch.

ancho y alto

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

URL de tu sitio web (sitio padre)

Cada transmisión o video insertado de Twitch necesita tener configurada la opción de sitio "padre". Por ejemplo, si deseas pegar un código de inserción de Twitch en el sitio web "example.com", configura la opción "parent" como "https://example.com".

reproducción automática

La opción "reproducción automática" especifica si el video insertado de Twitch comenzará a reproducirse automáticamente cuando se cargue el reproductor de Twitch.

silenciar

Silencia el sonido en la transmisión o video insertado de Twitch.

tiempo de inicio

La opción "tiempo de inicio" inicia el video insertado de Twitch desde un momento determinado

mostrar chat

Muestra el chat insertado de Twitch para la transmisión en vivo del usuario actual de Twitch. Esta opción aparece solo cuando pegas una cuenta de Twitch en la opción "URL de Twitch".

Las opciones de inserción de iframe de Twitch se basan en https://dev.twitch.tv/docs/embed

URLs de Twitch compatibles

URLs de videos

  • https://twitch.tv/videos/<video-id>

  • https://twitch.tv/<channel-name>/video/<video-id>

  • https://www.twitch.tv/videos/<video-id>

  • https://www.twitch.tv/<channel-name>/video/<video-id>

URLs de colecciones

  • https://twitch.tv/collections/<collection-id>

  • https://twitch.tv/<channel-name>/collection/<collection-id>

  • https://www.twitch.tv/collections/<collection-id>

  • https://www.twitch.tv/<channel-name>/collection/<collection-id>

URLs de clips

  • https://twitch.tv/<channel-name>/clip/<clip-id>

  • https://www.twitch.tv/<channel-name>/clip/<clip-id>

URLs de canales

  • https://twitch.tv/<channel-name>

  • https://www.twitch.tv/<channel-name>