如何使用videojs从s3 presigned url stream 视频文件

Question

I am currently trying to stream a small video file from an s3 bucket. The size of my video file on s3 bucket is 23.5 Mb and its format is video/quicktime. I am using the following code in jQuery to retrieve the presigned URL

 const video = await fetch('http://localhost/getUrl', {
    method: "POST",
    body: "key",
    headers: {
        'Content-Type': 'application/json'
    }
})
const result = await video.text();

The result variable returns a presigned url which when clicked downloads the video file.

My html code is the following

<video id="vid1" class="video-js " controls preload="auto" width="640" height="265">
</video>

After That I am setting my src in id vid1 as the following

if (result){
    videojs("vid1").src([
        { type: 'video/quicktime', src: result }
      ]);
}

However the file is not playing back and I recieve the following error

video.min.js:1 VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) The media could not be loaded, either because the server or network failed or because the format is not supported. st {code: 4, message: "The media could not be loaded, either because the …rk failed or because the format is not supported."}.

How would I use videojs with presigned urls to stream a video file from an s3 bucket

Answer 1

It won't play because the browser can't play video/quicktime . mov is not a format for HTML5 video. Try using an mp4 with h264/acc and the video/mp4 type.