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)

Partager sur facebook
Facebook
Partager sur twitter
Twitter
Partager sur linkedin
LinkedIn
Partager sur reddit
Reddit
Partager sur pinterest
Pinterest
Partager sur email
Email

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

S’abonner
Notifier de
guest
0 Commentaires
Commentaires en ligne
Voir tous les commentaires

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