Embedding Twitch Error

Extensions
1

Hey! When I past the HTML file from the “sharing” part of my channel and past it to my website, it gives me an error. I have no clue why. Could somebody help me? Thanks.

2

You need to update example.com in the URL to your website

Or just post the link to the page that is broken and we’ll jsut tell you how to fix it

3

Hey @BarryCarlyon! Thanks for your response.
It’s still not working.
This is what I have pasted in the embed:

I added the site, but it’s still giving me an error… Hmmm?

4

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

5

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

6

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

7

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

8

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

9

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>
```
10

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

11

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:

12 
<!-- 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

image
image620×745 66.8 KB

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

13

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.

14

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

15

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.

16 
<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>
17

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.

18

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

19

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

20

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!