Parent value string contains invalid character

API
1

I am trying to figure out what the invalid character is. The “my.domain.com” is not what my domain is, just a placeholder to hide the actual address.

Error:
[InvalidCharInParent] parent query string value contains invalid character

Code:

<iframe
    src="https://player.twitch.tv/?channel&parent=https://my.domain.com"
    height="720"
    width="1820"
    allowfullscreen="true">
</iframe>
2

Parent should be JUST the domain name no other characters

so

src="https://player.twitch.tv/?channel&parent=https://my.domain.com"

should be

src="https://player.twitch.tv/?channel&parent=my.domain.com"

also it should be channel=foo if that wasn’t clear

3

Thank you so much for the reply!

Whenever I publish my site and head over to my website my browser says;
"player.twitch.tv is blocked

player.twitch.tv refused to connect.

ERR_BLOCKED_BY_RESPONSE"

I also tried the channel=foo and that didn’t change anything for me.

4

Link to page with broken embed please

5
6

ah googlesites

you need a fix/setup similar to what is outlined here

7

Thank you again! My issue now is it’s not showing anything at all. Is there something I’m missing?

New code:

<iframe
  var parent = ['plus.destructomc.com', 'sites.google.com', 'www.gstatic.com', window.location.host];
  console.log(parent);
  document.getElementById('target_frame').setAttribute('src', document.getElementById('target_frame').getAttribute('src') + '&parent=' + parent.join('&parent='));

  var options = {
    width: 720,
    height: 1280,
    channel: "destructolive",
    allowfullscreen: true,
    layout: "video-with-chat",
    muted: true,
    parent
  };
  var player = new Twitch.Embed("test", options);
</iframe>
8

Errr yeah thats super invalid HTML…

You need a page that containts

<script src="https://embed.twitch.tv/embed/v1.js"></script>
<div id="test"></div>

<script type="text/javascript">
  var parent = ['sites.google.com', 'www.gstatic.com', window.location.host];
  console.log(parent);
  document.getElementById('target_frame').setAttribute('src', document.getElementById('target_frame').getAttribute('src') + '&parent=' + parent.join('&parent='));

  var options = {
    width: 800,
    height: 500,
    channel: "monstercat",
    allowfullscreen: false,
    layout: "video-with-chat",
    muted: true,
    parent
  };
  var player = new Twitch.Embed("test", options);
</script>
9

I’m sorry I’m not a scripter so I have no idea what I am doing lol. I used your script and filled in the placeholders, I’m still only seeing a blank page.

<script src="https://embed.twitch.tv/embed/v1.js"></script>
<div id="test"></div>

<script type="text/javascript">
  var parent = ['sites.google.com', 'plus.destructomc.com', window.location.host];
  console.log(parent);
  document.getElementById('target_frame').setAttribute('src', document.getElementById('target_frame').getAttribute('src') + '&parent=' + parent.join('&parent='));

  var options = {
    width: 720,
    height: 1280,
    channel: "destructolive",
    allowfullscreen: true,
    layout: "video-with-chat",
    muted: true,
    parent
  };
  var player = new Twitch.Embed("test", options);
</script>
10

Try this:

<script src="https://embed.twitch.tv/embed/v1.js"></script>
<div id="test"></div>

<script type="text/javascript">

  var parent = ['sites.google.com', 'www.gstatic.com', 'plus.destructomc.com', window.location.host];

  var options = {
    width: 720,
    height: 1280,
    channel: "destructolive",
    allowfullscreen: true,
    layout: "video-with-chat",
    muted: true,
    parent
  };
  var player = new Twitch.Embed("test", options);
</script>

Google threw an extra iframe into the stack

11

Oh my goodness, thank you so much. Saved me probably hours of headaches.

12

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.