ReactJS-大型视频文件使计算机在npm启动后冻结

Question

我有一个小型的react web应用程序，它可以运行五个低质量视频，没有问题
但一旦我添加了多个大的高质量视频文件并启动应用程序，我的笔记本电脑就会冻结，我需要手动关闭它。

<video width="90%" height="90%" margin="auto" controls>
<source src={require(('../videos/' + props.movie + ".mp4"))} type="video/mp4" alt= "video" />
</video>

我的视频文件夹在我的src文件夹上，有什么建议吗？

提前感谢任何能提供帮助的人！

Answer 1

安装组件时，必须在componentDidMount((lifycycle方法中加载视频文件。