视频没有在浏览器中播放

Question

我嵌入的视频既不出现也不播放。我不确定是什么导致了这个问题。代码如下：

至于我的文件路径，我的 HTML 主文件夹中名为 media 的文件夹中有 Web 和 mp4 格式的视频。

控制台输出这个：

[错误] 不允许加载本地资源： file:///Users/kudos/Desktop/html2/AH.mp4 [错误] 不允许加载 本地资源：file:///Users/kudos/Desktop/html2/AH.webm

<video width="320" height="240">
 <source src="AH.mp4" type="video/mp4">
 <source src="AH.webm" type="video/webm">

</video> 

我试过检查编码，并清除我的浏览器缓存（我使用的是 safari），但没有成功。任何帮助表示赞赏。

干杯。

Answer 1

您遇到此问题是因为浏览器出于安全原因不允许加载本地资源。浏览器需要一个 url。问题是因为浏览器不允许加载本地资源。

解决此问题的一种方法是转到文件位置并从那里启动 Python 服务器。例如跑步：

python3 -m http.server 9000

然后在您的 src 中添加

http://localhost:9000

，使其成为这样的东西。

<video width="320" height="240">
 <source src="http://localhost:9000/media/AH.mp4" type="video/mp4">
 <source src="http://localhost:9000/media/AH.webm" type="video/webm">
</video> 

如果您的 html 文件位于该文件夹中并命名为 index.html，您可以导航至

http://localhost:9000

然后您的页面应该打开。