I am attempting to embed both my twitch stream, and twitch chat responsively onto my site. I understand the new CORS policy, however it seems no matter what solutions I try, none of them work. I am following this guide here:
This leaves me with the following html:
<div class="twitch">
<div class="twitch-video">
<iframe
src="https://player.twitch.tv/?channel=phil_nash&parent=mysite.com&autoplay=false"
frameborder="0"
scrolling="no"
allowfullscreen="true"
height="100%"
width="100%">
</iframe>
</div>
<div class="twitch-chat">
<iframe
frameborder="0"
scrolling="no"
src="https://www.twitch.tv/embed/phil_nash/chat?parent=mysite.com"
height="100%"
width="100%">
</iframe>
</div>
</div>
Even though I replaced the parent with my site, which has is hosted using github pages, I just get “connection refused” on the site, and Refused to frame ‘https://www.twitch.tv/’ because an ancestor violates the following Content Security Policy directive: “frame-ancestors mysite.com”
Any help appreciated, the js I am using is:
https://player.twitch.tv/js/embed/v1.js
Thanks.