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方法中加載視頻文件。