在 AWS 上托管时，如何让我的背景视频正常工作？答案

【问题标题】：How can I get my background video working when hosted on AWS?在 AWS 上托管时，如何让我的背景视频正常工作？
【发布时间】：2021-02-28 23:56:30
【问题描述】：

这是我的第一篇文章。在开发方面，我是新手。前几天我托管了我的第一个网站（投资组合页面），但遇到了一个主要问题。我有一个背景视频，可以在我的英雄部分循环播放。在我的本地主机上正常工作，但在使用 AWS Amplify 在我的网站上托管时无法正常工作。有人可以帮助如何在我的网站上使用它吗？提前致谢

export const VideoBg = styled.video`
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    background: #232a24;
`

import Video from '../../videos/video.mp4'

const HeroSection = () => {

 
    return (
        <HeroContainer id='home'>
            <HeroBg>
                <VideoBg autoPlay loop muted src={Video} type='video/mp4' />

【问题讨论】：

标签： reactjs

【解决方案1】：

你有这个issue。
您应该将要显示的视频上传到 s3 存储桶。

【讨论】：