Twitch Chat Embed Error (HTTP vs HTTPS)


I’m quite new and experiencing an error I’m unsure how to address if it even needs addressing.

My website I’m testing is HTTP only presently. When attempting to embed chat, I receive this when in Chrome 51:, about column 1772

Uncaught SecurityError: Blocked a frame with origin “” from accessing a frame with origin “”. The frame requesting access has a protocol of “https”, the frame being accessed has a protocol of “http”. Protocols must match.

In IE 11, I’m just getting a basic Access Denied.

It looks like it’s https and referring to it’s parent, my site, that is http only. If I want to embed twitch chat in my site, is it a requirement that I get a SSL cert to avoid this error?

This is all of my code for how I’m testing (following



Thanks for any help!

You can embed without HTTPS. There will be an “error” regardless. With HTTPS, it’ll be origin mismatch instead. This shouldn’t stop the embedded chat from working.


I have no idea what is different today, but it is indeed working exactly as you described. I didn’t even change the code, it just kicked in somehow (maybe something cached had to expire?). Thanks!

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