How do i set twitch embed height to 100% of the page

API
1

i’m using this code

<!-- Load the Twitch embed script -->
<script src="https://embed.twitch.tv/embed/v1.js"></script>

<!-- Create a Twitch.Embed object that will render within the "twitch-embed" root element. -->
<script type="text/javascript">
    new Twitch.Embed("twitch-embed", {
        width: "100%",
        height: "100%,
        channel: "monstercat",
    });
</script>

to include a stream on my website but it ignoring the 100% value on height, while it recognizes the 100% on width.
How do I solve it?
Also, is there a way to modify the height and the width of the stream based on the screen width of the device which is looking at the website like in css? I’m actually using an iframe on my main page with another page that contains only the stream but I would much prefer to have it directly on the main page.

2

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