React-Laravel应用程序(API)中未显示背景视频

Question

我正在使用React和Laravel创建一个应用程序。我想在我的应用程序中应用bg视频，并准备好代码。webpack组合正在成功运行。除视频外，所有组件都在显示中。

我提供了下面的代码片段。

import Video from "../../../videos/HomeVideo.mp4";
<HeroContainer id="home">
<HeroBg>
<VideoBg autoPlay loop muted src={Video} type="video/mp4" />
</HeroBg>
<HeroContent>
<HeroP>
Sign up today and receive a 10% discount on your next
service.
</HeroP>
</HeroContent>
</HeroContainer>

一切正常，只是没有显示视频

Answer 1

请从代码中删除静音。

<VideoBg autoPlay loop src={Video} type="video/mp4" />

此外，尝试使用内置的react视频标签。

<video loop autoPlay>
<source
src={Video}
/>
Try to use this snippet to show up your video.
</video>