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

JammyBugger · 2021-02-04T01:54:11.223Z

One last question? I’m also trying to embed chat on https://www.exitwestsf.com/events
The element is set up but not working,

James

Dist · 2021-02-04T03:22:39.190Z

The stream embed works fine, the chat doesn’t because the src is missing parent= after the &

It should be https://www.twitch.tv/embed/hebo/chat?parent=www.exitwestsf.com&parent=www-exitwestsf-com.filesusr.com

JammyBugger · 2021-02-04T04:39:57.850Z

Dist:

Twitch

Thank You @Dist…
I have a couple of more questions, I can’t seem to use the percentage for height and width. Am I missing something? Also the theme will not change to light, again I’m assuming user error…

James

var embed = new Twitch.Embed("twitch-embed", { width: 800, height: 500, channel: "exitwestsf", allowfullscreen: true, layout: "video", autoplay: true, theme: "light", parent:[ "www-exitwestsf-com.filesusr.com", "www.exitwestsf.com"] });

BarryCarlyon · 2021-02-04T12:50:47.204Z

Currently you are using two iFrames rather than embed everyone in one iframe

Chat URL would be, you are currently using a “dumb” iframe here, which doesn’t support a theme with a documented flag

https://www.twitch.tv/embed/hebo/chat?parent=www.exitwestsf.com&parent=www-exitwestsf-com.filesusr.com

And your init script would be, (it doesn’t/can’t have a “theme” that only applies to chat)

      var embed = new Twitch.Embed("twitch-embed", {
        width: '100%',
        height: '100%',
        channel: "exitwestsf",
        allowfullscreen: true,
        layout: "video",
        autoplay: true,
        theme: "light",
        parent:[ "www-exitwestsf-com.filesusr.com", "www.exitwestsf.com"]
      });

Since you have autoplay you don’t need the video ready/start playing

JammyBugger · 2021-02-04T20:02:45.623Z

Everything looks and works great now, thanks for all of your help and insights, have a great day,

James

Screen Shot 2021-02-04 at 12.01.03 PM2786×1502 626 KB

Phriday_Entertainmen · 2021-02-26T08:33:32.483Z

I been struggling trying to get this embedded to work on my website https://www.phrydey.com/

BarryCarlyon · 2021-02-26T13:01:43.934Z

There is no Embed on the page you have linked to.

I cannot advise a fix. Please see the original post on this thread for suggestions

Phriday_Entertainmen · 2021-02-26T19:29:18.232Z

I try using the suggestion but it still not showing up. I must be doing something wrong. I need a little assistance. https://www.phrydey.com/

BarryCarlyon · 2021-02-26T19:32:55.351Z

You parent list is wrong you should be using


      new Twitch.Embed("twitch-embed", {
        width: 854,
        height: 480,
        channel:"phrydey",
        // only needed if your site is also embedded on embed.example.com and othersite.example.com 
        parent: ["www.phrydey.com", "www-phrydey-com.filesusr.com"]
      });

image1284×727 114 KB

wartopsy · 2021-03-06T01:26:00.524Z

Hi Barry,

I’ve just thrown together a quick website using Wix and linked it to my own domain. I’ve tried to embed my Twitch stream into a page but I’m getting this error:

image732×164 17 KB

I’ve looked through the previous help you’ve provided to see if I can fathom out where I’ve been going wrong but I haven’t been able to get there on my own. Would you be able to provide some assistance?

The embed is found on www.wartopsy.co.uk/stream

GoodDog_555 · 2021-03-13T15:53:21.749Z

Barry & Friends -

First, thank you for this thread! I have been going mad on this topic.

I am getting a variety of errors - each reported above - but, when I implement the code suggestions - it leads me to another error (different error conditions, depending on the ‘fix’ I type in) - all same screens of error as reported above.

Embed Site: www.gooddog-usa.com/liv3

Original Code:

<iframe src="https://player.twitch.tv/?channel=gooddog_555&parent=www.gooddog-usa.com" frameborder="0" allowfullscreen="true" scrolling="no" height="378" width="620"></iframe>

Attempt 15 Code:
<iframe src="https://player.twitch.tv/?channel=gooddog_555&parent=www.gooddog-usa.com&parent=www.gooddog-usa.com.fileusr.com" frameborder="0" allowfullscreen="true" scrolling="no" height="520" width="960"></iframe>

image1340×555 43.1 KB

Please help! Also, how can I return the favor??

BarryCarlyon · 2021-03-13T15:55:52.852Z

The linked page www.gooddog-usa.com/liv3 doesn’t have a Twitch embed, we need to see the broken embed to advise a fix. Since we need to see the iFrame tree.

GoodDog_555 · 2021-03-13T16:29:45.799Z

It’s uploaded now. I hadn’t made it public. Please confirm you can see it now.

BarryCarlyon · 2021-03-13T16:32:01.384Z

The correct URL for your emebd iframe is

Twitch

image1276×888 134 KB

GoodDog_555 · 2021-03-13T16:36:15.920Z

When I insert this into the iFrame - it gives me a black page … hmmm.

image1335×477 31.7 KB

Twitch

Twitch is an interactive livestreaming service for content spanning gaming, entertainment, sports, music, and more. There’s something for everyone on Twitch.

BarryCarlyon · 2021-03-13T16:37:11.046Z

Ignore the preview/sitebuilder tool

There is no way for me to tell you what the iframe URL is for adding to the parent stack and you shouldn’t include it for security reasons.

Just save the page and check the front site.

I also only gave you the URL to replace in your existing iframe, you seem to have pasted JUST the URL isntead of the iFrame with the fixed URL

GoodDog_555 · 2021-03-13T16:41:36.529Z

BarryCarlyon:

ll you what the iframe URL is for adding to the parent stack and you shouldn’t include it for security reasons.

Just save the page and check the front site.

I also only gave you the URL to replace in your existing iframe, you seem to have pasted JUST the URL isntead of the iFrame with the fixed URL

Yep … I tried it the other way too - inserting the suggested web link into the code … This didn’t fix the matter. It gave me the same - frowny face - response.

BarryCarlyon · 2021-03-13T16:44:19.511Z

Your front end shows

image1181×838 48.9 KB

Literally copy and past this

<iframe src="https://player.twitch.tv/?channel=gooddog_555&parent=www.gooddog-usa.com&parent=www-gooddog-usa-com.filesusr.com" width="100%" height="100%" scrolling="no" frameborder="0"></iframe>

Hit save then look at the front end (it’ll error in the editor)

GoodDog_555 · 2021-03-13T16:44:30.696Z

Thanks for the suggestion. You’re right (of course). It works perfectly now.

wartopsy · 2021-03-17T20:52:45.398Z

Hey all,

I’m struggling to get the Twitch embed working on my Wix site. Followed the advice given to others above and can’t seem to configure it correctly.
The iFrame code segment I currently have on my site (https://www.wartopsy.co.uk/stream) is:

<iframe src="https://player.twitch.tv/?channel=wartopsy&parent=www.wartopsy.co.uk&parent=https://5dbdf860-44d6-4255-bdc1-5651558b7a52.htmlcomponentservice.com/" width="100%" height="100%" scrolling="no" frameborder="0"></iframe>

This gives me a misconfiguration error:

image1085×446 13.2 KB

If anyone has time could you let me know where I’m going wrong?

Thanks in advance