Embedding Twitch Error

Please post the link to your actual webpage with the broken embed

Ah, sorry. Here you go. https://sites.google.com/view/coolieboy/twitch

All I see is "Embeds are not working… (yet) " no embed at all

Ye, I deleted it because I got an error. But I don’t know how to fix the error.

I just past the embed Javascript in, change the example.com to my URL… But it’s not working?
@BarryCarlyon

I need to see the broken embed so I can investigate the issue

So @BarryCarlyon , this is the embed I used:

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

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

<!-- Create a Twitch.Player object. This will render within the placeholder div -->
<script type="text/javascript">
  new Twitch.Player("twitch-embed", {
    channel: "coolieboy"
  });
</script>
```

I need to see it on https://sites.google.com/view/coolieboy/twitch so I can debug what the actual problem is.

As that stream you have posted should work

Alright, so I’ve updated it on the website here: Coolieboy's Hub - Twitch

By the way, thanks for your help and fast responses! :slight_smile:

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

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

<!-- Create a Twitch.Player object. This will render within the placeholder div -->
<script type="text/javascript">
  new Twitch.Player("twitch-embed", {
    channel: "coolieboy",
    parent: ["sites.google.com", "www.gstatic.com", "2094822009-atari-embeds.googleusercontent.com"]
  });
</script>

You have a embed, in an iframe, in an iframe, on a page. This should fix

The bottom one of the two is spawned using my fix.

Man, you’re the best! Thanks a lot for the help.

It’s still super small. Resizing it doesn’t work. Do you have a clue?

By the way, sorry for being a big noob. Haha.

You didn’t specify any dimensions so ti defaulted to small

But how do I specify dimensions?

It’s one of my first time using embeds. I normally just copy them and instantly use them, but I never like edited them before.

<script type="text/javascript">
  new Twitch.Player("twitch-embed", {
    channel: "coolieboy",
    parent: ["sites.google.com", "www.gstatic.com", "2094822009-atari-embeds.googleusercontent.com"],
    width: 600,
    height: 300
  });
</script>

Do I need to past your last message in a seperate embed? Sorry, I don’t get it. I’m a big newbie. I feel so ashamed.

This replaces the existing section (not the whole thing). I just gave an example on how to add width/height params

Ah, I got it now! Thanks so much dude for all your waitings and help! Problem solved! Thanks!

Can you please help me? I’m trying to show a twitch clip on my WordPress site. It was working until a few days ago with the embed.example.com parent. Then it stopped working saying that it was misconfigured. I tried putting in my domain for the parent and now it says: This content can’t be shown in a frame

Here is the page. (The video in question is halfway down the page. There’s actually two of them exhibiting the same issue but I assume the fix for one will work for the other):

Here is embed:

<iframe width="768" height="480" src="https://clips.twitch.tv/embed?clip=UnsightlyMoldySkirretTheRinger&parent=www.dragonburndesigns.com&autoplay=false" frameborder="0" scrolling="no" allowfullscreen="true"></iframe>

Any help you could offer would be amazing. Thank you!

Change your parent from www.dragonburndesigns.com to dragonburndesigns.com and it will work, as your site isn’t using www.

<iframe width="768" height="480" src="https://clips.twitch.tv/embed?clip=UnsightlyMoldySkirretTheRinger&parent=dragonburndesigns.com&autoplay=false" frameborder="0" scrolling="no" allowfullscreen="true"></iframe>

Further support for embeds should be on

To avoid OP notifications

1 Like