嵌入浏览器的视频无法显示播放，遇本地资源加载禁止错误求助

1. 修正视频文件路径 #

你的视频文件存放在HTML主文件夹下的media子文件夹中，但代码里的src直接写了AH.mp4，浏览器会在HTML文件所在的同级目录查找视频，自然无法定位到目标文件。把路径修改为指向media子文件夹的相对路径即可：

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

2. 改用本地服务器访问HTML文件 #

Safari等浏览器出于安全策略限制，会拦截file://协议下的本地资源加载，这也是控制台报错“Not allowed to load local resource”的核心原因。你可以用简单的本地服务器来运行项目：

• 打开终端，进入HTML主文件夹，执行对应命令启动服务器：
  • Python 3环境：python -m http.server 8000
  • Python 2环境：python -m SimpleHTTPServer 8000
• 随后在浏览器地址栏输入http://localhost:8000访问你的HTML文件，此时视频应该能正常加载播放。

3. 额外验证项 #

• 确认media文件夹的拼写、大小写和代码中的完全一致（部分系统如macOS的文件系统默认区分大小写）
• 再次检查视频文件确实存放在media文件夹内，文件名没有拼写错误

内容的提问来源于stack exchange，提问作者Kudos