camel design logo transparent

Twitch intégrer son live sur son site internet

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 : WIZE
BÉNÉFICIAIRE : Mr GOVIN Mathieu
IBAN : BE49 9678 0454 7971
BIC : TRWIBEB1