Doubled player; iframe fail

[HeftyGoof]

Hello - seeking help after searching. I’m not technical.

On our website, gamingmorningshow.tv, we’ve been able to embed using the javascript version, but for around the last year, it has doubled up the player.

We are using Dynadot website builder.

I have tried every version of the iframe embed using parent=gamingmorningshow.tv OR parent=gamingmorningshow.tv&parent=www.gamingmorningshow.tv (etc.) – tried lots of varities going through the forum. This is the one that I think should work, but it isn’t:

<iframe
    src="https://player.twitch.tv/?channel=gamingmorningshow&parent=gamingmorningshow.tv&muted=true"
    height="158"
    width="280"
    allowfullscreen>
</iframe>

Like I said - super not technical. Will you please help me get the embed working with just one player. (We want the player only, no chat ideally; we want the option to go full screen in the embed with the player muted on load, please.)

Ryan

[Xemdo]

Looking at the source code on the page, I don’t see your iframe. Did you change it since then?

However I do see the Twitch.Embed JavaScript code, as seen in this image. You should change it to look like this:

      new Twitch.Embed("twitch-embed", {
        width: 280,
        height: 158,
        channel: "gamingmorningshow",
        allowfullscreen : "true",
        layout : "video",
        parent: ["gamingmorningshow.tv"]
      });

After that, leave the code highlighted in my screenshot, and remove your iframe you mentioned in your post.

This is all described further here: Everything | Twitch Developers

[BarryCarlyon]

I looked at this yesterday.

When I looked it apepared that embed everywhere was in use, and for whatever reason the script is being run Twice.

This seems to be an issue the Dynadot website building but I have no idea why. This would likely be fixed using just the iFrame version instead of the EmbedJS version.

And the presented iFrame code should be

<iframe
    src="https://player.twitch.tv/?channel=gamingmorningshow&parent=gamingmorningshow.tv&parent=www.gamingmorningshow.tv&muted=true"
    height="158"
    width="280"
    allowfullscreen>
</iframe>

IE both gamingmorningshow.tv and www.gamingmorningshow.tv as parents.

@Xemdo

However I do see the Twitch.Embed JavaScript code, as seen in this image. You should change it to look like this:

      new Twitch.Embed("twitch-embed", {
        width: 280,
        height: 158,
        channel: "gamingmorningshow",
        allowfullscreen : "true",
        layout : "video",
        parent: ["gamingmorningshow.tv"]
      });

After that, leave the code highlighted in my screenshot, and remove your iframe you mentioned in your post.

Omit the parent to let it auto detect. (All their non www.'s seem to redirect to the www. version so auto detect works better.

      new Twitch.Embed("twitch-embed", {
        width: 280,
        height: 158,
        channel: "gamingmorningshow",
        allowfullscreen : "true",
        layout : "video"
      });

But that won’t solve the double run issue. That appears to be occuring

[HeftyGoof]

@BarryCarlyon

And the presented iFrame code should be

When I copy the iframe code into the website, I get the “player refused” error.

Is that also a Dynadot issue? (I’m leaving the iframe code so that you can troubleshoot.) Thanks for the help.

[HeftyGoof]

@BarryCarlyon

<iframe
    src="https://player.twitch.tv/?channel=gamingmorningshow&parent=gamingmorningshow.tv&parent=www.gamingmorningshow.tv&muted=true"
    height="158"
    width="280"
    allowfullscreen>
</iframe>

WAIT! It might be working. Looks like the “player…” refused to connect error is only shown on the back end. Thank you!