Twitch Website embed

API
1

Hi, I’m trying to put an embed twitch on my website but it is showing that it is not properly configured, any ideas?

*my goal is to save the link when the user enters and then creates the embed.

<div class='ipsEmbeddedOther' contenteditable="false">
	<iframe
		src="https://player.twitch.tv/?{$type}={{if $type == 'video'}}v{{endif}}{$source}&autoplay=false"
		height="450"
		width="300"
		allowfullscreen="">
	</iframe>
</div>

Error: Refused to display ‘https://www.twitch.tv/embed-error.html?errorCode=NoParent&content=www.twitch.tv%2Fembed%2Fanomaly%2Fchat’ in a frame because it set ‘X-Frame-Options’ to ‘sameorigin’.

2

You haven’t specified the parents for the embed (if you look at the errorCode param of that error url you linked, it gives the NoParent error). The docs https://dev.twitch.tv/docs/embed/video-and-clips show that the parent param is required.

This means that if your embed is hosted on https://www.example.com/twitch that you would need to set the parent to be parent=www.example.com, if you also wanted it to work without the www. then you’d also need to add parent=example.com as well, same with any other parent (some website builders such as Wix will automatically embed iframes within another iframe of their own, which is a parent you would need to add).

3

Ok, thanks I will try to change it. This code is an extension to the website and is possibly old or wrong.