如何在Next JS中显示本地视频?



我尝试了多种方法从资产文件夹显示本地视频,但我得到相同的错误

./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} />但是没有成功。

你必须把你的视频文件放在公共文件夹中,然后你可以像这样在你的组件中播放它:

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

最新更新