Next JS 如何显示本地视频？

Question

我尝试了多种方法来显示资源文件夹中的本地视频，但遇到了相同的错误

./assets/videos/video.mp4 Module parse failed: Unexpected character '' (1:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file.

我尝试像这样添加它， <video src={require("./../assets/videos/video.mp4").default} /> 但没有成功。

Answer 1

您必须将视频文件放入公共文件夹中，然后您可以在组件中播放它，如下所示：

 <video controls src={"/filename.mp4"} style={{ width: "400px", height"400px" }} />