How can I make responsive the player of the streaming

I want to add some streaming players to my website, but it doesn’t look good on smartphones.
I’m using this to add the player

  <h4>DAKOTAZ</h4>
    <div id="twitch-embed-dakotaz"></div>
</div>
  new Twitch.Embed("twitch-embed-dakotaz", {
    width: 570,
    height: 320,
    channel: "dakotaz",
    layout: "video",
    autoplay: false
  });
  embed.addEventListener(Twitch.Embed.VIDEO_READY, () => {
    var player = embed.getPlayer();
    player.play();
  });
</script>

We can’t exactly help with general css stuff…

This is the Twitch Developers Third Party support forum, more centering on API and development rather than CSS.

That said, these notes may help:

Specific to bootstrap.

Also try using ‘100%’ in place of the numerics in your embed call

1 Like

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.