Simple Embedded Twitch Stream Throwing Console Tons of Console Errors

API
1

I have embed a twitch stream on my website and its throwing tons of errors which can be seen in the image below.

The code used to embed the stream is as follows:

<iframe src="http://player.twitch.tv/?channel=ChannelName" height="720" width="1280" frameborder="0" scrolling="no" allowfullscreen="true" id="stream"></iframe>

Code for the chat:

<iframe frameborder="0" scrolling="no" id="chat_embed" src="http://www.twitch.tv/ChannelName/chat?darkpopout" height="720" width="320"></iframe>

errors
errors1902×932 102 KB

Is there anyway to get rid of these errors because I think they are messing with other JS on my page.

3

You have to pay for an SSL certificate?

Also how would that resolve these JS errors produced when embedding a twitch stream?

4

401s are because you’re not signed in on Twitch (expected), postMessage error is because the embed is not on twitch.tv (expected). The stack traces could be real problems, but if everything works, they can be ignored.

A cross-origin iframe cannot mess with JS on the parent page unless the browser isn’t properly restricting cross-origin access (usually due to insecure configuration or significantly outdated browser).

5

Hey, that makes sense. Would these errors mess with other JS on the page?

6

No, since they’re from the iframe.

7

Okay, thank you!

8

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