Twitch Embeds Not Working, even when using up to date Docs

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.

Link to page that the embed is broken upon please

PM’d

Site was using www.domain.com but only domain.com specified as a parent