I’m trying to embed a Twitch channel and chat in a website. I’ve tried different ways (the one in the docs and using the iframes provided by the “Share” button directly on the channel page) and I have the same issue with all of them.
If the user is already logged in when loading the page, it’s fine. However, if an anonymous user tries to send a message in the chat, the login box appears, but when submitting the form, the chat does not load and stays white, with this error in the console :
Refused to display 'https://www.twitch.tv/passport-callback#access_token=XXXXXX&scope=chat_login+user_read+user_subscriptions+user_presence_friends_read&state=%7B%22next%22%3A%22https%3A%2F%2Fwww.twitch.tv%2Fembed%2Fcrocodyle_lol%2Fchat%22%2C%22nonce%22%3A%22c0cfb5e7409ce885be1004b5fa3a7184%22%7D' in a frame because it set 'X-Frame-Options' to 'sameorigin'.
I’ve checked on several websites embedding Twitch that I know and all of them appears to have the exact same issue.
Is there something I can do, or is it something Twitch guys are working on ?
I didn’t find any answer so far, except the announcement topic about the end of legacy chat embed, but it didn’t help.
Thank you for your time
EDIT : I’m using the “https://www.twitch.tv/embed/channel/chat” src style, and not the old deprecated one.