Embedded Player Video Being Hidden By Chat On Mobile

Hi all,

I’m using the embedded player with chat on my site which works find at most resolutions. Unfortunately, today I noticed that when I view it on a mobile device, the video gets hidden by the chat. When I switch to video only, everything is fine. I’d like to have the chat enabled as well, but it makes my site unusable since the video can’t be seen.

Has anyone else experienced this? Any ideas how I could resolve it?

Here’s the config I’m using to initialize the viewer:

“twitchviewer”, {
width: “100%”,
height: “500px”,
channel: channel,
parent: ,
layout: ‘video-with-chat’
}

This (sure simple) example works fine.

So thius would suggest something with your Responsive CSS is at fault.

Theres nothing wrong with your JS. Since that just invokes the player.
Everything else is down to your layout

This ended up being a bug relating to Twitch embeds. Barry reported it here:

It has since been resolved. Please let us know in that Github issue if the problem you experienced pops back up.

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