Embed YouTube Live Chat

Hey Everyone,

I am trying to embed YouTube live video chat into my site. I keep getting the error

"Refused to display ‘Oops’ in a frame because it set ‘X-Frame-Options’ to ‘sameorigin’.

I have tried multiple methods. Direct embed using the following code:

and my div has it directly build in the JS footer:

Please help if you can.

Here is my site Read-Only: LINK
Published Site 2

You cannot display a lot of websites inside an iFrame. Reason being that they send an “X-Frame-Options: SAMEORIGIN” response header. This option prevents the browser from displaying iFrames that are not hosted on the same domain as the parent page.

I faced the same error when displaying YouTube links. For example:

https://www.youtube.com/watch?v=8WkuChVeL0s

I replaced watch?v= with embed/ so the valid link will be:

https://www.youtube.com/embed/8WkuChVeL0s

It works well.

Try to apply the same rule on your case.

Did you find a way of making this work?