上传放大托管时是否有特殊的方式来调用视频?

IT技术 reactjs amazon-web-services video hosting create-react-app
2021-05-24 06:09:40

我正在开发一个 create-react-app 项目,该项目应该在登录页面上显示背景视频。

它在 localhost:3000 上运行良好,但是当我上传以放大托管时,视频停止显示。

我已经尝试通过在开发人员控制台上修改它来直接从DOM 上的这个 url http://ormuxwater.com/MobterVideo.mp4调用相同的视频,但它仍然没有显示任何内容,所以我猜这不是一个文件夹文件位置问题

我也尝试从不同的地方调用它。第一次尝试:从"../../assets/MobterVideo.mp4";

<video playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop">
        <source src="{MobterVideo.mp4}" type="video/mp4" />
      </video>

第二次尝试:

// calling it directly from public folder
<video playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop">
        <source src="/MobterVideo.mp4" type="video/mp4" />
      </video>

上传到 aws amplify 时,我们是否需要注意视频才能正常工作?控制台没有返回错误,我不知道还有什么可看的

您可以在https://mobter.mx 中看到工作演示

1个回答

您必须将视频上传到 AWS S3 存储桶(云托管),然后才能 src 文件,这是对我有用的唯一方法;虽然我猜你可以使用不同的云托管服务,但我猜如果你使用 Amplify,它可能对我们 S3 更好。以下是有关如何操作的说明:

https://docs.sumerian.amazonaws.com/tutorials/create/beginner/s3-video/

您应该只需要第 1 步和第 2 步