camel design logo transparent

Twitch intégrer son live sur son site internet

Facebook
Twitter
LinkedIn
Reddit
WhatsApp
Email

Pour pouvoir intégrer votre live Twitch sur votre site internet et ainsi présenter le contenu de votre stream à vos viewers sur votre communauté, copier coller le code ci-dessous :

<div id="twitch-embed"></div>
    <script src="https://embed.twitch.tv/embed/v1.js"></script>
    <script type="text/javascript">
      new Twitch.Embed("twitch-embed", {
        width: "100%",
        height: 600,
        channel: "ID de la chaine",
        theme: "dark",
      });
    </script>

Paramètres du code d’intégration twitch :

  • Channel : renseigné l’ID de votre chaîne twitch, l’id est la fin de l’url de votre chaîne, exemple avec ma chaîne :  https://www.twitch.tv/cameldesigntv/ , l’id est donc : cameldesigntv.
  • Theme : couleur du theme => « dark » ou « light »
  • width : la largeur de l’embed et peut être exprimée en
    • pixel : width: 1200,
    • pourcentage : width : « 100% »,
  • height : la hauteur de l’embed en pixel

Le code est responsive et a une certaine taille pour les mobiles, le chat passe en dessous du lecteur vidéo (voir capture ci-dessous)

Facebook
Twitter
LinkedIn
Reddit
WhatsApp
Email

Besoin d'explication, d'aide ou de support sur un article ?

Virement bancaire

BANQUE : N26 Bank GmbH, Klosterstr. 62, 10179 Berlin Germany
BÉNÉFICIAIRE : Mr GOVIN Mathieu
IBAN : DE23 1001 1001 2624 7230 79
BIC : NTSBDEB1XXX