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

If you are using WIX/Google Sites/Some other tool and your embeds are no longer working.

The fix is as follows, it seems that wix and other website builders will put your embed in another iframe, so you need to include your website as a parent and that extra iframe as a parent.

FOR WIX

Generally it seems that for a wix site, your site is

somesite.com

And your iframe is

somesite-com.fileusr.com

or

www-somesite.com.filesusr.com

So your parent would be

parent=somesite.com&parent=www.somesite.com&parent=www-somesite-com.filesusr.com

FOR GOOGLE SITES

Try the fix described on Github → https://github.com/BarryCarlyon/twitch_misc/tree/master/player/googlesites

FOLLOWING THE IFRAME TREE

You can check the specific of your extra iFrame by right clicking on the broken embed, hitting “inspect” and then looking in the source for something like this:

Highlighted is the iFrame URL you are looking for.

Some sites may do website, iFrame, iFrame, your actual embed. So you’ll have to follow the Tree up and add all the parents.

FOR EVERYTHING ELSE

If you are still stuck after trying this, and cant’ find your parent tree.

Please post a link to your direct webpage where the broken embed exists and someone can look and provide the fix for you.

Please be advised this is voluntary and you may not get an answer quickly.

ALSO

Your website needs to be over SSL and forcing Non SSL visitors to the SSL version of your site

6 Likes

I’ve been trying to fix the embeds for h7z.cc and hieronymus7z.com listing all suggested combinations as parents, no luck so far. The first site is hosted on portfolio.adobe.com, the other is on blogger.com

the twitch page is twitch.tv/hieronymus7z. Any help is greatly appreciated

1 Like


the ; in your URL should be an &

1 Like
https://player.twitch.tv/?channel=hieronymus7z&parent=hieronymus7z.com&parent=www.hieronymus7z.com&parent=blogger.com

that fixes yoru contact page which you didn’t link to

https://player.twitch.tv/?channel=hieronymus7z&parent=h7z.cc&parent=portfolio.adobe.com

Please literally give the URL with the page the problem is present on

1 Like

Hello

I try and try and try and nothing …

My site : https://bonolandtv.wixsite.com/bonobonus/

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

Thank you very much :slight_smile:

Edit: I have gotten this to work using separate embeds for chat and channel; I am still curious why the “all in one” code below doesn’t work, though…

Hi, thanks for all the help you’re providing @BarryCarlyon.

I have tried every iteration of parent that I can find or think of, and I’m still getting the “Embed is misconfigured” on my wixsite.

https://tvunscriptedimprov.wixsite.com/tvunscripted/livestream

I have the domain www.tvunscripted.com redirect to there, if that’s relevant…

Here’s the code I have:

<!-- Load the Twitch embed script -->
<script src="https://embed.twitch.tv/embed/v1.js"></script>

<!-- Create a Twitch.Embed object that will render within the "twitch-embed" root element. -->
<script type="text/javascript">
  const embed = new Twitch.Embed("twitch-embed", {
    width: 854,
    height: 480,
    channel: "tvunscripted",
    // only needed if your site is also embedded on embed.example.com and othersite.example.com 
     parent: ["tvunscripted.com", "www.tvunscripted.com", "https://www.tvunscripted.com", "tvunscriptedimprov-wixsite-com.filesusr.com", "https://tvunscriptedimprov.wixsite.com/tvunscripted/", "htpps://www-tvunscriptedimprov-wixsite-com.filesusr.com", "https://tvunscriptedimprov-wixsite-com.filesusr.com/html/8d4fc2_eb06b38c59f81f4aa2d68c450b1d7440.html"]
  });
</script>

Parent is just the domain portion, you don’t include the protocol, and it shouldn’t include the path or file.
tvunscripted.com, www.tvunscripted.com, and tvunscriptedimprov-wixsite-com.filesusr.com, are the only valid parents you’ve listed, all of the others are erroneous.

parent: ["tvunscripted.com", "www.tvunscripted.com", "https://www.tvunscripted.com", "tvunscriptedimprov-wixsite-com.filesusr.com", "https://tvunscriptedimprov.wixsite.com/tvunscripted/", "htpps://www-tvunscriptedimprov-wixsite-com.filesusr.com", "https://tvunscriptedimprov-wixsite-com.filesusr.com/html/8d4fc2_eb06b38c59f81f4aa2d68c450b1d7440.html"]

should be

parent: ["tvunscripted.com", "www.tvunscripted.com", "tvunscriptedimprov-wixsite-com.filesusr.com", "tvunscriptedimprov.wixsite.com", "www-tvunscriptedimprov-wixsite-com.filesusr.com"]

Checking the page you linked I see that the embed is working

i am trying to add my twitch to my website, it worked b4 the 10th june. i have tried everything i can but no luck. can someone please help me to sort my iframes code out as i tried to do it fo rthe last 3 days without any luck.

here is the code i have been trying to sort, no matter what i try i cant get it to work. PLEASE HELP PLEASE HELP

src=“https://player.twitch.tv/?channel=freshfmlondon&parent=www-freshfmlondon-com.filesusr.com&parent=www.freshfmlondon.com” frameborder=“0” allowfullscreen=“true” scrolling=“no” height=“378” width=“620”>

Please post the URL to the page with the stream that is not working on

https://www.freshfmlondon.com/home

THATS MY WEBSITE I’M TRYING TO EMBED THE PLAY BACK ONTOO BUT IT WONT LET ME. ON WIX I USE THE HTLM IFRAMES APP TO EMBED IT BUT WHEN I PUT THE CODE IN IT JUST SAYS WONT CONNECT

You are currently using

<iframe src="https://player.twitch.tv/?channel=freshfmlondon" frameborder="0" allowfullscreen="true" scrolling="no" height="378" width="720"></iframe><a href="https://www.twitch.tv/freshfmlondon?tt_content=text_link&tt_medium=live_embed" style="padding:2px 0px 4px; display:block; width:345px; font-weight:normal; font-size:10px; text-decoration:underline;">Watch live video from freshfmlondon on www.twitch.tv</a>

This should be

<iframe src="https://player.twitch.tv/?channel=freshfmlondon&parent=www-freshfmlondon-com.filesusr.com&parent=freshfmlondon.com&parent=www.freshfmlondon.com" frameborder="0" allowfullscreen="true" scrolling="no" height="378" width="720"></iframe><a href="https://www.twitch.tv/freshfmlondon?tt_content=text_link&tt_medium=live_embed" style="padding:2px 0px 4px; display:block; width:345px; font-weight:normal; font-size:10px; text-decoration:underline;">Watch live video from freshfmlondon on www.twitch.tv</a>

As in

https://player.twitch.tv/?channel=freshfmlondon&parent=www-freshfmlondon-com.filesusr.com&parent=freshfmlondon.com&parent=www.freshfmlondon.com is the iframe URL needed

i’ve copied that code into the iframes widget but it doesnt work still. it gives me 2 choices.
website address
code.
i choice code. put that exact code in you gave me but it doesnt embed on my site for some reason

I’ve reloaded your page and I still see the old URL, just paste it in and hit save, if it doesn’t work in the editor/preview just ignore that, I don’t know what the preview iframe is as I’m not a wix user and it’s just the preview that is erroring

barry thank you so much its on there now… is there a way to embed the chat as well ?
sorry i’m new to coding and learning as i go

Yup it’s covered in the documentation.

if you use

Then it’s just one bit of code for both.

<html>
  <body>
    <!-- Add a placeholder for the Twitch embed -->
    <div id="twitch-embed"></div>

    <!-- Load the Twitch embed script -->
    <script src="https://embed.twitch.tv/embed/v1.js"></script>

    <!-- Create a Twitch.Embed object that will render within the "twitch-embed" root element. -->
    <script type="text/javascript">
      new Twitch.Embed("twitch-embed", {
        width: 854,
        height: 480,
        channel: "freshfmlondon",
        parent: ["freshfmlondon.com", "www.freshfmlondon.com","www-freshfmlondon-com.filesusr.com"]
      });
    </script>
  </body>
</html>

I fixed the parents for you, so replace what you have with that and it’ll do both the stream/chat side by side for you

your awsome. can i make the chat side thinner ?

The short answer is you don’t. This configuration is “fixed” and any thinner it gets tough to show all the UI nicely. You could do it with two embeds/iframes but I wouldn’t recommend that. I’d make your website fit the browser currently it’s fixed width!

1 Like