Refused to display 'https://www.youtube.com/' in a frame because it set 'X-Frame-Options' to 'sameorigin'

[z.zoghi (Bahar Zoghi)]

Hi there,

I add a YouTube video to the training slides I made by Prismic. It shows the first video but from the second to the end, it returns the following error (on Chrome):

Refused to display 'https://www.youtube.com/' in a frame because it set 'X-Frame-Options' to 'sameorigin'.

On the Firefox, instead of the video plays, the following error shows:

To protect your security, www.youtube.com will not allow Firefox to display the page if another site has embedded it.

and let me click on a button that opens the link of the YouTube video and plays the video on the YouTube channel instead of my website. Is there any suggestion to fix the error?

Thank you!

[Priyanka (Priyanka Maheshwari)]

Hello @z.zoghi

Welcome to the Prismic community.

I believe this is not an issue from the Prismic side. The reason for this is that Google is sending an "X-Frame-Options: SAMEORIGIN" response header. This option prevents the browser from displaying iFrames not hosted on the same domain as the parent page.

I believe, You must ensure the URL contains embed rather than watch as the /embed endpoint allows outside requests, whereas the /watch endpoint does not.

For example:

<iframe width="420" height="315" src="https://www.youtube.com/embed/A6XUVjK9W4o" frameborder="0" allowfullscreen></iframe>

Give this a try and let me know.

Thanks,
Priyanka

[z.zoghi (Bahar Zoghi)]

Hi Priyanka,

Thank you for the quick response.

The solution should logically work, but it doesn’t. I did all the suggestions and solutions available on the other websites and none of them work.
The videos are available to embed and the embed link is copied from YouTube that contains ‘embed’.

Is there any suggestions to solve this problem?

Thank you!

[Priyanka (Priyanka Maheshwari)]

Hello @z.zoghi

Can you please send me the link that you are using?

[z.zoghi (Bahar Zoghi)]

Sure! Following is the entire code with the link:

<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/m1mHOcNilag?rel=0&amp;showinfo=0" allowfullscreen></iframe>

I appreciate your help!

[z.zoghi (Bahar Zoghi)]

Your solution is working. The problem was that I changed the link of the slide that was not used in the code. Thank you!