CORS error in live stream on browser

Question

I have setup a cloudfront distribution for HLS live streaming. Sometimes the playback is stopped as manifest & .ts chunks fetch is blocked due to CORS, however status received is 200 OK from Cloudfront.  
The error description shows that Preflight request & initiator requests are from different domains. How do I make CF to skip this check or any alternative solution.  
  
Also this issue is intermittent.  
  
What changes do I make on CF to correct this issue?

Answer

Thanks for the update. However I was able to correct it by using custom mediapackage cache & header policy on cloudfront.

Answer

Hi,  
  
Can you follow this document to configure CORS in your CloudFront and see if that fixes your issue. https://aws.amazon.com/premiumsupport/knowledge-center/no-access-control-allow-origin-error/  
  
- Sam

CORS error in live stream on browser

Relevant questions

4K Live Streaming Solution - How to get there?

Cloudfront distribution returning incorrect CORS headers

Trying to enable CORS

View live stream 404