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

【问题标题】：Is there a special way to call videos when uploading to amplify hosting?上传放大托管时是否有特殊的方式来调用视频？
【发布时间】：2020-09-10 08:19:18
【问题描述】：

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

它在 localhost:3000 上运行良好，但是当我上传到放大主机时，视频停止显示。

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

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

<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看到工作演示

【问题讨论】：

标签： reactjs amazon-web-services video hosting create-react-app

【解决方案1】：

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

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

您应该只需要步骤 1 和 2

【讨论】：