Html5 视频不工作 Chrome

Question

这是我的第一个问题，我仍然是一名业余开发人员，仍处于学习阶段。我的一个 friend 给我发了一个 .mp4 文件，我把它转换成 .webm 文件，都在同一个文件夹中。目前我的 html 有这个:

<video width="1920" height="1080" controls autoplay id="video-background"> 
	<source src="/img/reel.mp4" type="video/mp4">
	<source src="/img/reel.webm" type="video/webm">
	Sorry, your browser doesn't support HTML5 video.
</video>

视频根本不显示，只有控件。我什至没有收到“抱歉，您的浏览器不支持 HTML5 视频”。没有控制。只是一个视频应该放在哪里的空白点。

我不会在服务器或其他任何地方托管视频。它是一个大约 88mb 大的本地文件。它只有一分钟长的视频，意味着在后台循环播放。我可以从链接获取视频进行播放，但不能获取本地 .mp4/.webm 文件。我检查了 youtube、stackoverflow，并用谷歌搜索了很多。真的需要一些帮助。

是的，我也试过 .ogv 但还是不行。我已经三次检查了文件路径并检查了视频的编码并仔细检查了格式。一切似乎都应该顺利进行，但它就是不播放。

我没有为这部分编写 css，只是想播放我的本地文件视频。我做错了什么，我该如何解决？

Answer 1

如果您的 img 文件夹与您的 HTML 位于同一文件夹内。您应该删除第一个斜杠。试试这个:

<video width="1920" height="1080" controls autoplay id="video-background"> 
    <source src="img/reel.mp4" type="video/mp4">
    <source src="img/reel.webm" type="video/webm">
    Sorry, your browser doesn't support HTML5 video.
</video>

希望对您有所帮助!