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

TEKNETRON · June 22, 2020, 11:51pm

Hey Barry,

Thanks for all the help you have provided everyone including myself. I have successfully been able to embed twitch into my website from this thread.

One issue that has come up is I’m not able to get into full screen from my website. Maybe this is a limitation of using the stream + chat embed all in one? My first thought is I’m doing something wrong though.

If you have the time I would love for you to check my site, and code and see if this is just a quick little fix or not.

Website

<!-- 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", {
allowfullscreen: "true",
    width: 854,
    height: 480,
    channel: "teknetron",
    parent: ["teknetron.com", "www.teknetron.com","www-teknetron-com.filesusr.com"]
  });
</script>

I greatly appreciate any help or info you can provide!
Thanks =D

Juliano_Kimura · June 23, 2020, 3:13am

I followed all the steps… and didn´t work.
https://www.trianonz.com.br/

I tried to use it
www-trianonz-com-br.filesusr.com (I found it in inspect)

Could someone help me?

Dist · June 23, 2020, 7:30am

That parent of the iframe surrounding your embed is correct, but you also need to include the domain of your site (www.trianonz.com.br) as a parent too.

This should work for the embed src:
https://player.twitch.tv/?channel=trianonz&parent=www-trianonz-com-br.filesusr.com&parent=www.trianonz.com.br

BarryCarlyon · June 23, 2020, 10:55am

Thats outside the scope of this thread. I don’t know whats wrong with fullscreen.

It’s probably because you are an iframe in an iframe. And the inner iframe has the fullscreen permission but the outer one does not. And I don’t think you can fix that with WIX.

andrecastroc · June 23, 2020, 6:56pm

Eu não consigo achar no meu, estou precisando de ajuda aqui.

Meu site é: https://www.familiakartclube.com.br/corrida-ao-vivo

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

BarryCarlyon · June 23, 2020, 7:14pm

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

andrecastroc · June 23, 2020, 7:19pm

Thank you so much, it worked!

Juliano_Kimura · June 23, 2020, 7:32pm

It´s working now. Thank you @Dist

TEKNETRON · June 23, 2020, 7:57pm

Thanks Barry, appreciate the info & help!

catorcentenaradio · June 24, 2020, 4:56pm

Hi!

Im having issues with the embed player!

<iframe src="https://player.twitch.tv/?channel=catorcentenaradio&parent=catorcentenaradio.com&parent=www.catorcentenaradio.com"
height="720" width="1280" frameborder="0" scrolling="no" allowfullscreen="false">

I would really appreciate some help here!

BarryCarlyon · June 24, 2020, 5:02pm

Your website doesn’t force https, you need to force https
Works fine on the https version
Your website takes an utter age to render.

your code appears correct but you need to be forcing HTTPS

JJB127 · June 24, 2020, 8:10pm

Hi - I’m trying to embed a simple stream here: https://joebenton127.wixsite.com/mysite.

I understand from the above that the issue is that I need to include suitable parents, but I’ve tried a variety of thing and can’t get anything to work. For example:

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

Would some one be able to tell me the correct parents I should add?

BarryCarlyon · June 24, 2020, 8:22pm

Correct URL is

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

TheSimWorld · June 25, 2020, 5:06am

Hello, I am writing for feedback in to what I need correcting in my code. I am using a non-interactive iFrame source code from your developer notes.

My code is: <iframe src="https://player.twitch.tv/?channel=thesimworld&parent=thesimworld.com&muted=true" height="648" width="1152" frameborder="0" scrolling="no" allowfullscreen="true"></iframe>

As per your instructions my web server has SSL HTTPS enabled, but continues to report player.twitch.tv is refusing to communicate. If you want to check out the website location itself - this is at https://www.thesimworld.com/live.html.

I look forward in getting your feedback as to what I need to work on for the two to work seamlessly.

Summary

This text will be hidden

BarryCarlyon · June 25, 2020, 9:44am

Works fine here

You currently have

https://player.twitch.tv/?channel=thesimworld&parent=thesimworld.com&parent=www.thesimworld.com&muted=true

Which is correct. You have no nested iframing so you can just use the JS embed and it’ll handle the parent itself

UBEZERK · June 26, 2020, 10:47am

I hate to be that guy, and trust me I have tried to tweak this code as much as possible but im having the same issue but now im at the part where I dont have the parent information. At this point I know wix is not good for Iframes but I just kinda of got started and found this out PLEASE HELP lol I have it up and it worked for a second on internet explore but not google chrome:

The page I am trying to have it displayed on is my media page (https://www.ubezerk.com/media)

any help is GREATLY appreciated as I am learning web cod all over again.

BarryCarlyon · June 26, 2020, 10:52am

<script type="text/javascript">
  new Twitch.Embed("twitch-embed", {
    width: '100%',
    height: '100%',
    channel: "ubezerk",
     parent: ["ubezerk-wixsite-com.filesusr.com","ubezerk.com"]
  });
</script>

should be

<script type="text/javascript">
  new Twitch.Embed("twitch-embed", {
    width: '100%',
    height: '100%',
    channel: "ubezerk",
     parent: ["www-ubezerk-com.filesusr.com","ubezerk.com","www.ubezerk.com"]
  });
</script>

Big_Boaby · June 26, 2020, 12:14pm

Hey im updating our website salt raiders to include this and having issues. The new updated site is not live yet but im trying to get twitch player to show the twitch player of one of our streamers?

How would i go about this and does this website have to be fully live at the time.

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

The website is www.saltraiders.com

How would i get this to work? I did change the example.com to saltraiders.com and it still didnt work

Apologies for asking been trying for hours now

Cheers

BarryCarlyon · June 26, 2020, 12:16pm

There is no broken embed on this page, there is no embed at all.

You probably want www.saltraiders.com and saltraiders.com as the parent but I don’t know without seeing the broken embed.

Big_Boaby · June 26, 2020, 12:34pm

Yeh sorry its the issue atm, its not fully published as the new format yet and im thinking that could be the issue. We are launching the new site this monday and cant show a preview of the page and broken link until its done.