Twitch embed keeps loading

Whenever I try to embed a video only (no chat) iframe twitch keeps buffering (black screen with the circle going on and on indefinitely) and my browser says it’s waiting for api.twitch.tv

If I use the old code (without parent domain) Twitch refuses right away.

Same problem with live streams or vods.

I noticed this issue since two weeks ago and I can’t find a solution. Any idea?

Suggests there is a problem with your connection or route to Twitch not the embed itself.

But you have not presented a page where the problem is or demo code for your issue.

So if

https://barrycarlyon.github.io/twitch_misc/player/html/index.html

Works, the problem is likely with your network

Hi. That embed has the chat, those work.

Embeds without chat stopped working a few weeks ago (first they’d not work only when I am not streaming, but they’d work when I am live, now they don’t work either way). I used to have my video only on my sidebar, but that stopped working sadly.

Today I tried to embed this code on a page:

<iframe src="https://player.twitch.tv/?video=761520024&time=0h5m58s&parent=thesimarchitect.com" frameborder="0" allowfullscreen="true" scrolling="no" height="720" width="1280"></iframe>

But it keeps loading. If I remove the domain or do something silly like adding www I get the expected results (error from Twitch due to the lack of the parent param or the sad face that shows that I used the wrong domain).

You can see the test page here: https://thesimarchitect.com/testing-twitch-2020-10-05/

And the page with my regular stream page including chat looks normal, but I still want my embed on the sidebar of my entire website showing my video stream only (it was working until a month ago), so visitors know when I am streaming and they can join if they like what they see. Plus I don’t want to just send/lose my traffic to Twitch whenever there’s something from their site I can feature on mine as an embed. I prefer them watching the embed on my own site, for obvious reasons.

This is the page with the embed that works (which includes chat): https://thesimarchitect.com/livestream/

Embedding chat only also works. The only one that does not finish loading is the video only (with or without autoplay & mute).


Just in case you’re curious, I was using this on my sidebar to embed my own stream, without any issue, but it stopped working a few weeks ago, specially when my stream is off line:

<h3 style="margin: 0;">Sim Architect on Twitch</h3><iframe src="https://player.twitch.tv/?channel=TheSimArchitect&parent=thesimarchitect.com" frameborder="0" allowfullscreen="true" scrolling="no" height="168" width="300" style="margin: 0 0 -6px 0; z-index: 20; position: relative;"></iframe>

Works fine for me

This might suggest there is a script or browser extension interferring when you are accessing this website

1 Like

Interesting! I can see it on Firefox, but not on Chrome Canary, no matter which user I use on it, with or without extensions, including incognito mode and Windscribe VPN (in browser plugin, on one of the users).

Thanks for letting me know the problem may not be my code?

Something in chrome canary. Or some borked cache. Something somewhere between you and the site is inteferring.

1 Like

Thank you so very much!!! I have been banging my head on my desk for weeks.

I’ll see what I will do, Chrome Canary has been causing me problems for months now (other sites).

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