S3上に存在する動画を再生するアプリを作成中、
MediaConvertを利用して作成したMPEG-DASHが再生できない状況に。
エラーとしてはCORSの問題だったので、はじめはS3のバケットに
CORSの対応を施した。
別途、CloudFrontを利用しての再生においては、
CloudFront自体にもCORSの対応が必要だったのでメモ。
1."CloudFront Distributions"にて対象を選択
2.遷移先にて、"Behaviors">対象behaviorを選択>"Edit"
3."Allowed HTTP Methods"で、"GET,HEAD,OPTIONS"を選択
ー>これは、PUTなども必要であれば、もう一つの選択肢を選択
4."Cached HTTP Methods"で、"OPTIONS"をチェック
5."Cache Based on Selected Request Headers"で"Whitelist"を選択し、
"Whitelist Headers"で、"Origin"を Add。
その後アクセスすると、一発目はCORSのエラーが出るが、しばらくすると対象のコンテンツが表示され、
次回以降(キャッシュに存在するあいだ)は、問題なく再生できた。