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&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 )