「募集中」「お願いします。」ストリーミング再生でのtsファイルの読み込みエラー

やりたいこと。

S3 => MediaConvert => S3のようにMP4をm3u8に変換後
Cloud Frontで署名URLでの再生させる。

やったこと。

1、S3 => MediaConvert => S3でエンコードすること。　完了済み
https://qiita.com/tacos_salad/items/7a6085c812e98a2dcec3

2、Cloud Frontで署名付きURLの発行　完了済み


3、m3u8内のtsファイルURLの署名化　完了済み
https://qiita.com/kinocoffeeblack/items/e1ece9d47ea948ef6708

4、2)で作成したURLをvideo.jsで再生　エラー中

lambda でのレスポンス

セグメントのURLが変わっていることを確認


{
  "status": 200,
  "statusDescription": "OK",
  "headers": {
    "content-type": [
      {
        "key": "Content-Type",
        "value": "application/x-mpegURL"
      }
    ],
    "access-control-allow-methods": [
      {
        "key": "Access-Control-Allow-Methods",
        "value": "GET,HEAD"
      }
    ],
    "access-control-allow-origin": [
      {
        "key": "Access-Control-Allow-Origin",
        "value": "*"
      }
    ]
  },
  "body": "#EXTM3U\n#EXT-X-VERSION:3\n#EXT-X-TARGETDURATION:30\n#EXT-X-MEDIA-SEQUENCE:1\n#EXT-X-PLAYLIST-TYPE:VOD\n#EXTINF:24,\n20200626.mp4_00001.ts?Expires=XXXXXXX&Signature=XXXXXXX&Key-Pair-Id=XXXXXXX\n#EXT-X-ENDLIST\n"
}

Cloud FrontでのURLを叩い時のファイルの中身

lambdaが発火していることも確認済み

#EXTM3U
#EXT-X-VERSION:3
#EXT-X-TARGETDURATION:30
#EXT-X-MEDIA-SEQUENCE:1
#EXT-X-PLAYLIST-TYPE:VOD
#EXTINF:24,
20200626.mp4_00001.ts?Expires=XXXXXXX&Signature=XXXXXXX&Key-Pair-Id=XXXXXXX
#EXT-X-ENDLIST

画面でのエラーログ

Error while loading fragment https://XXXXXXX.cloudfront.net/demo/20200626.mp4_00001.ts?Expires=XXXXXXX&Signature=XXXXXXX&Key-Pair-Id=XXXXXXX


Request URL: https://XXXXXXX.cloudfront.net/demo/20200626.mp4_00001.ts?Expires=XXXXXXX&Signature=XXXXXXX&Key-Pair-Id=XXXXXXX
Referrer Policy: no-referrer-when-downgrade
content-length: 110
content-type: text/xml
date: Fri, 26 Jun 2020 08:56:06 GMT
server: CloudFront
status: 403
via: 1.1 d9bb3f88b54697028817ac499a296dbf.cloudfront.net (CloudFront)
x-amz-cf-id: XXXXXXXnn0Q8Dpx69VlYOLaC84bPS-LPJ39fNPUXw==
x-amz-cf-pop: NRT12-C2
x-cache: Error from cloudfront
:authority: XXXXXXX.com
:method: GET
:path: /demo/20200626.mp4_00001.ts?Expires=XXXXXXX&Signature=XXXXXXX&Key-Pair-Id=XXXXXXX
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br
accept-language: ja,en-US;q=0.9,en;q=0.8
origin: null
sec-fetch-dest: empty
sec-fetch-mode: cors
sec-fetch-site: cross-site
user-agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.116 Safari/537.36
Expires: XXXXXXX
Signature: XXXXXXX
Key-Pair-Id: XXXXXXX