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

gmitter · August 7, 2020, 5:27pm

Thanks!!

gaminggearztv · August 9, 2020, 7:28pm

So im currently situation where im using a website builder called Gator.

They have a feature where I write and input HTML to appear in a box. However, I recently inputted some code and im getting nothing to show up. Does anyone have an idea what I did wrong or a fix.

Here is the code:
script type=“text/javascript”>
new Twitch.Embed(“twitch-embed”, {
width: 954,
height: 580,
channel: “omegagamingesports”,
parent: [“www.omegagamingesports.com”,“components.gator.com”]
});
</script

BarryCarlyon · August 9, 2020, 7:58pm

You mistyped the fix from the github it should be

<script type="text/javascript">
  new Twitch.Embed("twitch-embed", {
    width: 954,
    height: 580,
    channel: "omegagamingesports",
    parent: ["www.omegagamingesports.com","components.mywebsitebuilder.com"]
  });
</script>

gaminggearztv · August 9, 2020, 8:10pm

Not working for some reason

BarryCarlyon · August 10, 2020, 1:14am

The code needs to be exactly

<script type="text/javascript">
  new Twitch.Embed("twitch-embed", {
    width: 954,
    height: 580,
    channel: "omegagamingesports",
    parent: ["www.omegagamingesports.com","components.mywebsitebuilder.com"]
  });
</script>

you currently have

<script type="text/javascript">
      new Twitch.Embed("twitch-embed", {
        width: 954,
        height: 580,
        channel: "omegagamingesports",
        // only needed if your site is also embedded on embed.example.com and othersite.example.com 
        parent: ["omegagamingesports.com", "omegagamingesports.com"]
      });
    </script>

Which is not what I’ve sent you twice!

gaminggearztv · August 10, 2020, 1:24am

So did put in that exact code, but I don’t understand why it is not working, Literally copied what was typed in the screen shots below. The stream is suppose to appear in between the yellow box.

Either something is missing, or I’m just a complete idiot who can’t do things right.

BarryCarlyon · August 10, 2020, 10:23am

This doesn’t match what you have shown as pasted in the screenshot above. Make sure to hit save regardless of what any preview tool is showing you

gaminggearztv · August 10, 2020, 11:04am

So I did save and publish it, but im still getting the same result.

Also, im sorry if my situation is causing a tough issue, was not my intention at all, just wanted to figure this all out so I can resume building my site.

BarryCarlyon · August 10, 2020, 11:06am

You removed all the other needed code.

You need the div and the script tag for embed/v1.js

gaminggearztv · August 10, 2020, 2:24pm

So im getting a refused to connect in the box now.

BarryCarlyon · August 10, 2020, 6:57pm

Works here

Please ignore the “preview tool”

I don’t know the iframe nesting tree for the preview tool

gaminggearztv · August 10, 2020, 10:06pm

That’s weird I keep getting a refused to connect mark no matter which browser I use. But it works for you… Any advice on that? Also thanks for helping me out means alot.

BarryCarlyon · August 10, 2020, 10:09pm

I’m assuming you are on

https://omegagamingesports.com/home-page

which is a different page to

https://www.omegagamingesports.com/home-page

change your parent line to

parent: ["omegagamingesports.com","www.omegagamingesports.com","components.mywebsitebuilder.com"]

gaminggearztv · August 10, 2020, 11:01pm

I think that did the trick :

Thank you so much with bearing with me Barry, truly a hero.

Just a last though, if I embed the stream to a different page, would I just have to change or add the website url to the parent code?

ENCMerro · August 11, 2020, 1:22am

Getting the misconfigured error on our site as well and can’t seem to find the correct parent for my iframe link. Page is managed by Wix.

Twitch page is: https://www.twitch.tv/encoreesportsusa

Page is: https://www.encoregaming.us/

BarryCarlyon · August 11, 2020, 1:59am

The Parents list domains not pages.

The URL to use is

https://player.twitch.tv/?channel=encoreesportsusa&parent=www-encoregaming-us.filesusr.com&parent=www.encoregaming.us

ENCMerro · August 11, 2020, 3:05pm

Thanks man, you’re the real MVP

Ricardo_R · August 12, 2020, 9:55pm

Hi Barry,

I’ve followed the thread, and couldn’t find a working solution for my embedded stream.

var options = {
            width: '100%',
            height: '100%',
            channel: "monstercat",
            layout: "video-with-chat",
            autoplay: true,
            parent: ["www.hci-mturk3.usask.ca", "hci-mturk3.usask.ca"]
        };

Here’s the site: https://hci-mturk3.usask.ca:8515/
Please include the port number in the URL to navigate appropriately

Since it’s being hosted as an experiment for a university, there is a consent form, in which you can just click the radio button “I give my consent” and hit “Continue” to navigate to the twitch embed…
(Sorry, there is no way around the consent form)

(consent page)

BarryCarlyon · August 12, 2020, 10:31pm

HTTPS on a non standard support is not supported

Ricardo_R · August 12, 2020, 10:54pm

Is it considered “non-standard support” because of the port it is on?
Would switching it to port 443 resolve this?