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方法中加载视频文件。