title: Cross Origin issue while rendering a content from AWS
body: <p>I have setup a bucket in AWS s3 which has video files, lots of images and js and and a main index.html file which includes all the assets. I have also enabled CloudFront and it is pointing to the s3 bucket. In my rails application i have an iframe which i point it to a cloudfront-signedurl like this</p>
  
  <pre><code>&lt;iframe src="https://abcde.cloudfront.net/index.html?Expires=1418801390&amp;Signature=Qt0Y0HT5goit&amp;Key-Pair_id=mykeypairid"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>but it gives me error
   Uncaught SecurityError: Blocked a frame with origin "<a href="https://abcde.cloudfront.net" rel="nofollow">https://abcde.cloudfront.net</a>" from accessing a frame with origin "<a href="https://example.mydomain.co" rel="nofollow">https://example.mydomain.co</a>". Protocols, domains, and ports must match. Notice that these are different domains, how to solve this cross origin issue so that i can load the content from a different domain onto my application?
  I have also added CORS configuration on AWS to allow content from all origins, but no luck.</p>