Twitch Website embed

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’.

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

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

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