如何在 Next JS 中显示本地视频？ [关闭]答案

【问题标题】：How to display a local video in Next JS? [closed]如何在 Next JS 中显示本地视频？ [关闭]
【发布时间】：2023-04-03 13:02:01
【问题描述】：

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

./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} /> 但它没有用。

【问题讨论】：

你能告诉我们你的 webpack 配置吗
您是否将此文件添加到公用文件夹中？
我不知道这是否可以做到。而是尝试将视频放在公共文件夹中，然后按照旧方法进行操作，<video src="URL" />
这是否有助于回答您的问题：Next Js background mp4?

标签： reactjs next.js

【解决方案1】：

你必须把你的视频文件放在 public 文件夹中，然后你可以像这样在你的组件中播放它：

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

【讨论】：