Twich Clip Embed

Hi,

So I have looked through a lot of examples of this problem being solved in the forms, but I am not quite sure why I am not able to figure this out.

Here is the code section that is acting up

<iframe id="myIframe" src=" https://clips.twitch.tv/embed?clip=SleepyConsiderateCurryRuleFive-YxNspoxXoNAqxhCA&amp;parent=http://IpAddress&parent=IpAddress" allow="autoplay"></iframe>

The error I get is “Refused to display ‘https://clips.twitch.tv/’ in a frame because it set ‘X-Frame-Options’ to ‘sameorigin’.”

I have deployed the JS application on an AWS EC2 instance and I have the server running on port 80.
“IpAddress” is the elastic IP address that the EC2 instance is running on. Also, the application works on my native machine with localhost as the address.

I have checked other form answers such as this one and this one which mentions setting the parent attribute to the domain name of the website which I believe in my case would be the publically accessible IP address.

(p.s. Barry save me :frowning: )

Ignoring localtesting:

  1. Embeds can ONLY be on HTTPS
  2. Your parent should be a domainname only so foo.com not http://foo.com

You appear to be using an IpAddress. Hence the issue.
And the first invalid parent trashes the whole parent stack

(fixed the formatting on your post btw)

could I use the 443 port on aws, and use the Ip address through that port or do I need to get a domain?

You need a domain

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