HTML5视频不能在本地主机中播放，但它可以使用"Open with Live Server"与代码播放

Question

<video id="videoSL" muted autoplay loop="" class="video" controls>
<source src="/Development2.0/media.io_Fergus BluePrint Loyalty Program Video.webm"
type="video/webm"/>
</video>

当我使用http://localhost:12000/home，视频没有显示，我只能看到一个视频控件。

但当我在vs代码中使用open with liver服务器时，我可以看到视频正在播放。

然而，如果我在默认浏览器中使用打开，我只能再次看到一个视频控件

视频控制

Answer 1

您的问题可能是此文件(/Development2.0/media.io_Fergus BluePrint Loyalty Program Video.webm(未存储在本地主机上，并且链接默认为未存储该文件的localhost:12000/Development2.0/media.io_Fergus BluePrint Loyalty Program Video.webm。

尝试将您的文件移动到本地主机中，看看这是否有效。您可以通过转到localhost:12000/Development2.0/media.io_Fergus BluePrint Loyalty Program Video.webm来测试它是否在本地主机上。

如果不起作用，请尝试将spaces替换为%20s。编辑：在<source>标记中执行此操作。