组件内的此视频 src 路径有什么问题？ [反应]

Question

我的 src 文件夹中有以下结构。我正在尝试在 VideoBackground.js 组件（在 components/VideoBackground 内）中使用来自 assets/video/blockchain.mp4 的视频。但是它什么也没有显示。

为此，我使用这个变量来存储路径：

 const videoSource = "../../assets/video/blockchain.mp4";

然后我在此处的源标记中使用该变量：

<video autoPlay="autoplay" loop="loop" muted>
        <source src={videoSource} type="video/mp4" />
</video>

如果我编辑 videoSource 变量以便将新的 url 添加到同一视频，但在外部服务器中它可以工作。但是我无法使用存储在我的项目中的视频来做到这一点。

非常感谢您抽出宝贵时间。

Answer 1

我刚刚发现了解决方案：

您必须这样导入视频：

import videoSource from "./your-path-to-the-video";

然后您可以像我在第一个 post 中所做的那样在视频的源标记中使用 videoSource 值并且它有效。