Javascript 尝试在videojs中播放视频时出现媒体无法加载错误

我在React项目中使用videojs。我正在尝试播放本地路径的视频。但是当我尝试这样做时，我得到了一个错误。这是我的路径，我给视频源和我附加的项目结构也

 <video id="myvideo" src="./src/pages/VideoScreen/CarChase.mp4" type="video/mp4"/>

---

但这也不起作用。我是否以错误的方式给出了路径？

url加载程序在jsx中不能使用

src

属性。您必须像这样导入视频文件：

import videoSrc from './src/pages/VideoScreen/CarChase.mp4';

//...

id="myvideo"
src={videoSrc}
type="video/mp4"

---

url加载器不能在jsx中使用

src

属性。您必须像这样导入视频文件：

import videoSrc from './src/pages/VideoScreen/CarChase.mp4';

//...

id="myvideo"
src={videoSrc}
type="video/mp4"

---

是否在网页包输出上生成视频文件？是否在网页包输出上生成视频文件？是否需要将这些加载程序（我在问题中提到的加载程序）放入并按照您在回答中的建议更改代码？是的，您必须设置配置

{test://\.mp4$/，加载程序：'url？limit=10000&mimetype=video/mp4'}

如果我想向服务器发出请求，然后服务器返回所请求视频的字符串url，该怎么办。现在，我必须只在src中传递返回的字符串。在这种情况下它会工作吗？不会，它只对在应用程序构建时（比如在屏幕截图中）找到的文件有效。对于外部url，您只需填写视频的

src

属性。那么是否需要放置这些加载程序（我在问题中提到的那个）并按照您在回答中的建议更改代码？是的，您必须设置配置

{test://\.mp4$/，加载程序：'url？limit=10000&mimetype=video/mp4'}

如果我想向服务器发出请求，然后服务器返回所请求视频的字符串url，该怎么办。现在，我必须只在src中传递返回的字符串。在这种情况下它会工作吗？不会，它只对在应用程序构建时（比如在屏幕截图中）找到的文件有效。对于外部URL，只需填充视频的

src

属性即可。