Twitch Embedded Player Updates in 2020

On the phone it is not possible to press the big Play button

That would suggest you made the player a bit small. You can probably make it bigger to fit your and Twitch’s UI better. But it is also something Twitch might need to look at. You might want to raise this on the github as a bug for “small players”

Raise a Twitch Problem on a Third Party Site? Why can’t I raise a topic here?

because that is where the bug tracker is https://github.com/twitchdev/issues/issues

And a issue tracker works better for specific things for visiblity

When you’re running it in a basic file on your local desktop, it does not work. I’ve tried localhost. Seems silly I’d need to run a local web server to run a local html file.

Ah, I understand now. It sounds like this also affects Electron-based apps. It is expected, though I’m passing along the feedback.

Barry just posted this, the rig is also broken as it uses electron too

1 Like

Wix user here, also getting the same message Barry posted: The embed is misconfigured… Has anyone else been able to get Wix embed to work?

What am I doing wrong? Trying to get the new embeds working on my website: www.storm-esports.com

Old embed on my website - was working as of June 9:
<iframe src="https://player.twitch.tv/?autoplay=false&collection=3uSMm3M9CBaL-w" frameborder="0" allowfullscreen="true" scrolling="no" height="378" width="620"></iframe>

New embed - not working even though I updated the parent to my website’s domain:
<iframe src="https://player.twitch.tv/?autoplay=false&?collection=3uSMm3M9CBaL-w&video=604824254&parent=www.storm-esports.com" frameborder="0" allowfullscreen="true" scrolling="no" height="378" width="620"></iframe>

If someone could provide some insight that would be awesome :slight_smile:

Looking at your site it seems to drop the www. when you go to it, so your parent shouldn’t include the www. (alternatively, have both with and without the www. as parents if needed).

1 Like

I’ll give that a go - thanks for the tip. What is the purpose of the parent field? Just seems like an additional step for no purpose - unless i’m missing something here.

EDIT: dropping the www. worked! Thanks man, here is the code that I used:
<iframe src="https://player.twitch.tv/?autoplay=false&?collection=3uSMm3M9CBaL-w&video=604824254&parent=storm-esports.com" frameborder="0" allowfullscreen="true" scrolling="no" height="378" width="620"></iframe>

This is the info we have on the purpose from the announcement post:

Hah… super vague :smiley:
Anyways, thanks for the help!

Hmm… another weird issue now when using the new iframe… looks like I can see the first frame of the video before I click play, thoughts?

Collection on left:
<iframe src="https://player.twitch.tv/?autoplay=false&?collection=3uSMm3M9CBaL-w&video=604824254&parent=storm-esports.com" frameborder="0" allowfullscreen="true" scrolling="no" height="378" width="620"></iframe>
Collection on right:
<iframe src="https://player.twitch.tv/?autoplay=false&?collection=gNUYxVo9CBZ3TA&video=540379916&parent=storm-esports.com" frameborder="0" allowfullscreen="true" scrolling="no" height="378" width="620"></iframe>

Can be found here if needed: https://storm-esports.com/teams/csgo-team/

i added the parent key on my site (poppunknightatl.com) and I’m getting an error of **player.twitch.tv** refused to connect. in the player; what the heck did I do wrong? lol

@Nicholas_Stephens same issue that I had, remove the www. from your parent key.

Inspected your website and found this:
<iframe src="https://player.twitch.tv/?channel=poppunknightatl&parent=www.poppunknightatl.com" height="575" width="950" frameborder="0" scrolling="no" allowfullscreen="true"></iframe>

Make it like this:
<iframe src="https://player.twitch.tv/?channel=poppunknightatl&parent=poppunknightatl.com" height="575" width="950" frameborder="0" scrolling="no" allowfullscreen="true"></iframe>

It is super unfortunate that this causes an issue - it really doesn’t make any sense. The most irritating part is that the iframe example on a twitch video has the www. in it, yet it doesn’t work with that. This is going to be very painful for a lot of people who don’t find their way to this thread… :slight_smile:

1 Like

Been trying to figure this out since yesterday and reading through all the other responses. I hope someone may be able to help me w/ some insight otherwise I’ll keep at it tomorrow. My site is partial .php so my footer is .php on all the pages.

<iframe src="https://player.twitch.tv/?channel=jenninexus&parent=https://jenninexus.com&parent=embeds.https://jenninexus.com/live&parent=embeds.https://jenninexus.com/portfolio&parent=embeds.https://jenninexus.com/channelart&parent=embeds.https://jenninexus.com/voiceacting&parent=embeds.https://jenninexus.com/schedule&parent=embeds.https://jenninexus.com/diy&parent=embeds.https://jenninexus.com/contact" />

I tried it a few different ways and this way is probably wrong lol… but since it’s php I wonder if I have to add each page like this or…? Thanks so much if anyone is able to help :-/ <3

The parent param only needs to be the domain portion of the URL, you don’t need to include the protocol or path portion. So looking at what you’re using, the parent would be jenninexus.com:

<iframe src="https://player.twitch.tv/?channel=jenninexus&parent=jenninexus.com" />

If you also have subdomains you use, such as it appears you’re using embeds then you would also add embeds.jenninexus.com as a parent too.

1 Like

Nm - got it! Thank you. This worked:

<iframe src="https://player.twitch.tv/?channel=jenninexus&parent=jenninexus.com&parent=embeds.jenninexus.com" />

Thanks so much for the help :slight_smile:

Tried everything, still hitting road blocks