javascript - 使用 React 添加背景视频？

Question

我正在尝试构建一个包含全屏背景图像的简单登录页面，该页面将在内容加载后立即播放。

有没有办法在 React 中使用 React 或 CSS 来做到这一点？

我尝试过使用 npm 模块 react-drive-in，但我终究无法弄清楚如何通过视频加载我的 React 组件。视频不断加载我的其他组件。

Answer 1

import sample from './sample.mp4';

<video className='videoTag' autoPlay loop muted>
    <source src={sample} type='video/mp4' />
</video>

感谢 Mr_Antivius 将“自动播放”更改为“自动播放”的注意事项。 这是在 React 中播放视频的另一种方式。这个对我有用。请记住，sample.mp4 文件与 JS 文件位于同一目录中。