Générateur de code d'intégration Twitch

Outil gratuit pour ajouter une iframe responsive de vidéo Twitch à votre site web.

Options de personnalisation

  • URL Twitch

  • Fonctionne avec les vidéos, chaînes, chats, clips et collections

  • URL de votre site

  • Site web où vous intégrerez ce code - aussi appelé site « parent »

  • Paramètres de taille
  • Responsive
  • Rapport d'aspect
  • Largeur (en px)
  • Hauteur (en px)
  • Paramètres De La Vidéo
  • Lecture automatique
  • Couper le son
  • Temps de départ

Code d'intégration Twitch

Comment intégrer une vidéo Twitch avec cet outil ?

Capture d'écran du champ d'URL

Collez un lien de vidéo Twitch

Collez un lien de vidéo Twitch dans le champ d'URL en haut de la colonne de gauche.

Capture d'écran des options de personnalisation

Configurez les options du lecteur Twitch

Le lecteur Twitch prend en charge de nombreuses options de personnalisation comme stream, clips, chaîne en direct, chat, vidéo, collections et bien plus encore !

Capture d'écran du bouton copier

Copiez le code HTML généré

Copiez le code HTML d'intégration généré avec la vidéo Twitch ! Utilisez-le sur votre site WordPress, dans une présentation PowerPoint ou dans un e-mail.

Options du générateur d'intégration Twitch compatibles

Explication de toutes les options d'intégration Twitch compatibles. Utilisez les options ci-dessous pour améliorer le code iframe HTML Twitch intégré sur votre site web.

responsive

L'option « responsive » étire la vidéo Twitch intégrée sur toute la largeur du site web ou du conteneur HTML.

rapport d'aspect

L'option « rapport d'aspect » conserve toujours les proportions du lecteur Twitch intégré.

largeur et hauteur

Apparaît uniquement lorsque l'option responsive est désactivée. Personnalisation manuelle de la largeur et de la hauteur du lecteur Twitch intégré. Lorsque l'option rapport d'aspect est définie, la hauteur est automatiquement recalculée en fonction de la largeur.

URL de votre site web (site parent)

Chaque stream ou vidéo Twitch intégrée nécessite la configuration de l'option « parent ». Par exemple, si vous souhaitez coller un code d'intégration Twitch sur le site « example.com », définissez l'option « parent » sur « https://example.com ».

lecture automatique

L'option « lecture automatique » détermine si la vidéo Twitch intégrée sera lue automatiquement au chargement du lecteur Twitch.

couper le son

Coupe le son du stream ou de la vidéo Twitch intégrée.

temps de départ

L'option « temps de départ » lance la vidéo Twitch intégrée à partir d'un moment précis

afficher le chat

Affiche le chat Twitch intégré pour le stream en direct de l'utilisateur Twitch actuel. Cette option apparaît uniquement lorsque vous collez un compte Twitch dans l'option « URL Twitch ».

Les options d'intégration iframe de Twitch sont basées sur https://dev.twitch.tv/docs/embed

URLs Twitch compatibles

URLs de vidéos

  • 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 collections

  • 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 chaînes

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

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