Embedding Twitch Stream

Design help Custom code
1

So I’m having problems with embedding a Twitch stream -

I’m currently using a video block for the embed which works fine for everything but portrait mobile.

For some reason, the player doesn’t shrink down properly and part of the player isn’t visible.

I tried using the actual embed code but I’m not super strong with code and can’t seem to get it to work correctly.

Any advice on how to get this to resize would be helpful - I’ve done the same thing before with Youtube and there was no problem, not sure what the difference is.

Thanks for any help.

Here is my site Read-Only: https://preview.webflow.com/preview/jeffs-branding-website?utm_medium=preview_link&utm_source=dashboard&utm_content=jeffs-branding-website&preview=1e209cec8d8c054872e5928e12296734&mode=preview

2

Still trying to solve this - any help would be appreciated.

Finished off a few more elements that I don’t think would change anything regarding this problem but just in case - here’s a new Read-only: https://preview.webflow.com/preview/jeffs-branding-website?utm_medium=preview_link&utm_source=dashboard&utm_content=jeffs-branding-website&preview=27a8b1685b23ba34505a4f33356a3625&mode=preview

3

Hi @Jeff_Wagar

I’m just jumping in because I’m also interested in the solution of this

1 Like
4

Just pushing this back to the top - really appreciate any help!

5

Just pushing this back to the top - still looking for help.

6

Bumping back to the top as this has gone far too long without an answer - if a “community leader” is not okay with a paying customer looking for help -I suggest they answer the question.

7

It looks fine to me. I believe twitch recommends at least 400px width and 300px height. The embed will have a similar (if not the same) result.

I would only worry about the mobile breakpoints that are 360px and larger. Not many people have screens smaller than that.