The great big "I'm using WIX/SomeWebsiteMaking Tool and I don't know how to fix my embed" thread

BarryCarlyon · May 14, 2021, 12:23pm

Could be a problem with the site builder you are using.

Beatz_by_Bata · May 14, 2021, 12:26pm

I was afraid it is

Thank you very much for your effort @BarryCarlyon

BarryCarlyon · May 14, 2021, 12:27pm

Try this

<div id="test"></div>

<script src= "https://embed.twitch.tv/embed/v1.js"></script>
<script type="text/javascript">
  var parent = ['beatzbybata.com', 'www.beatzbybata.com', window.location.host];

  var options = {
    width: 800,
    height: 500,
    channel: "monstercat",
    allowfullscreen: false,
    layout: "video-with-chat",
    muted: true,
    parent
  };
  var player = new Twitch.Embed("test", options);
</script>

Forgot something

Beatz_by_Bata · May 14, 2021, 12:33pm

Wooooow, you are a genius

It finally worked!!!

Thank you very much man!!! @BarryCarlyon

PuckKCMO · May 23, 2021, 5:15am

Here’s the website I’m trying to embed to: https://puckkcmo.wixsite.com/website

Here’s the code I’m trying:
src=https://player.twitch.tv/?channel=puckkcmo&parent=puckkcmo.wixsite.com/website&parent=puckkcmo-wixsite-com/website.fileusr.com "frameborder=“0” allow=“accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture” allowfullscreen>

And I’m getting an “embed misconfigured” message. I have NO experience with coding, so any help would be greatly appreciated.

BarryCarlyon · May 23, 2021, 11:32am

I cannot fix an embed I can’t see. There is not broken embed on the linked page I cannot advise the required fix

PuckKCMO · May 23, 2021, 6:00pm

My apologies, I was very tired and neglected to hit Publish. You should be able to see it now. Thank you!

https://puckkcmo.wixsite.com/website

BarryCarlyon · May 23, 2021, 8:38pm

the current URL to fix for this site is

https://player.twitch.tv/?channel=puckkcmo&parent=puckkcmo.wixsite.com&parent=6bc9fafa-7b28-4e9f-99dd-5f1a615cb58d.htmlcomponentservice.com

SpyderWebDev · May 27, 2021, 5:25am

Hello!

@BarryCarlyon, I’ve spent the last few hours combing through each of these iFrames you’ve been helping everyone with, but for the life of me I can’t fix this. I’ve followed each one piece by piece and I’m still missing stuff.

URL: https://wedowix.wixsite.com/my-site-3

Heres what I have:
<iframe src="https://player.twitch.tv/?channel=vantaleagues&parent=wedowix.wixsite.com&parent=www.wedowix.wixsite.com&parent=www-wedowix-wixsite-com.filesusr.com" frameborder="0" allowfullscreen="true" scrolling="no" height="378" width="620"></iframe>

I’ve tried it with the different “parents” in a different order and a bunch of variations to no avail. I’ve seen many others in here past whatever it is you give them and it works! I copy what you give and adjust for my domain but no success.

Your help would be greatly appreciated!

Thanks.

BarryCarlyon · May 27, 2021, 12:41pm

Try this as the URL for your iFrame

https://player.twitch.tv/?channel=vantaleagues&parent=wedowix-wixsite-com.filesusr.com&parent=wedowix.wixsite.com

SpyderWebDev · May 27, 2021, 2:51pm

That worked. I have no idea why since I tried everything but thanks for your help! Saved me a lot more stress haha.

PuckKCMO · May 27, 2021, 10:50pm

I copied and pasted and now am getting a “player.twitch.tv is blocked” message.

BarryCarlyon · May 28, 2021, 11:29am

Looks ok here

prateekjajoo · June 1, 2021, 11:36am

Refused to frame ‘https://player.twitch.tv/’ because an ancestor violates the following Content Security Policy directive: “frame-ancestors https://prateek12.pythonanywhere.com https://www.prateek12.pythonanywhere.com”.

<iframe src="https://player.twitch.tv/?channel=lol_nemesis&parent=prateek12.pythonanywhere.com" frameborder="0" allowfullscreen="true" scrolling="no" height="450" width="800"></iframe>

<iframe
  id="chat_embed"
  src="https://www.twitch.tv/embed/lol_nemesis/chat?parent=prateek12.pythonanywhere.com"
  height="450"
  width="314">
</iframe>

BarryCarlyon · June 1, 2021, 11:37am

@prateekjajoo Please provide a link to the page that is broken so someone can investigate.

Initially it seems that https://www.prateek12.pythonanywhere.com due to a SSL Error
And https://prateek12.pythonanywhere.com/ presents an admin dashboard?

prateekjajoo · June 1, 2021, 12:02pm

Hello @BarryCarlyon
Please check this http://prateek12.pythonanywhere.com/twitch_video url

BarryCarlyon · June 1, 2021, 12:03pm

SSL is required.

This page works fine as https://prateek12.pythonanywhere.com/twitch_video

prateekjajoo · June 1, 2021, 12:06pm

Thank You so much buddy @BarryCarlyon

anthooony · June 2, 2021, 6:08am

Hey guys,

I am trying to put my Twitch stream on my website but its giving me an error.

Photo attached below:

```

Information was copied from my channel page

I am trying to add it to: http://www.anthonybuada.com/live.html

Any help would be greatly appreciated. Thank you!

Best,
Anthony

Dist · June 2, 2021, 8:41am

There’s a couple issues, first the parent param is wrong on the iframe.
https://player.twitch.tv/?channel=anthooony&parent=www.anthonybuada.com/live.html
should be
https://player.twitch.tv/?channel=anthooony&parent=www.anthonybuada.com

Secondly, all pages that use an embed MUST be using https, where as your site is using an invalid certificate and redirecting from https to a normal http page, which will not support embeds.