Javascript 为什么html视频标签没有加载我的视频？

我正在尝试播放用户使用

function HomePage (){

    return(
        <div>
            <h3>Home</h3>
            <div>

                    <video autoplay width= "300">
                            <source src="hi.mp4" id='video' type="video/mp4"/>
                            Your browser does not support HTML5 video.
                    </video>

                </div>
        </div>
    )
} 

功能主页（）{
返回(
家
您的浏览器不支持HTML5视频。
)
} 

---

我已将

hi.mp4

上传到与

HomePage.js

相同的文件夹中。我对一个比这更复杂的代码有疑问，但是我对它进行了显著的简化，看看它是否能工作，但是我仍然对它有疑问。有人知道为什么这不起作用吗？我是否误解了如何使用

src

属性？

您似乎在使用React

将视频与React组件的源代码放在同一文件夹中不会通过HTTP公开它。即使是这样，解析的URL也将与承载React应用程序的HTML文档相关，而不是与React组件的URL相关。浏览器将请求视频，但服务器找不到

您可以判断这是您在浏览器中使用了开发人员工具。网络选项卡将显示视频的404错误

---

您需要将视频文件放在有URL的位置，然后使用该URL。

您的src链接应该与您的（html）页面相对。js文件在哪里并不重要。那么html文件在同一个文件夹中吗？如果是，我会尝试使用“./hi.mp4”作为src。

---

否则，请使用与您引用js文件相同的路径。

尝试时，它是否在本地工作？尝试在视频的src之前添加一个

/

，这可能是视频无法显示的许多原因…您是否尝试过使用浏览器的开发工具查看是否可以看到更多信息，而不仅仅是“它没有加载”。src将从html页面的同一位置读取，与javascriptI不同，我也通过上传文件来尝试这一点。但这不起作用，所以我试图简化代码，看看发生了什么。关于完整代码的原始问题如下：。你知道为什么我上传文件时它仍然不起作用吗？在本例中，我的开发人员工具返回了206状态代码