HTML5视频标签本地播放失败主因是file://协议被现代浏览器禁用，而非格式或Flash问题；需改用HTTP服务（如Python http.server）、检查MP4编码是否为H.264+AAC，并确认MIME类型正确。
HTML5视频标签无法播放本地文件时，别急着切Flash
现代浏览器（Chrome 84+、Firefox 79+、Edge 88+）默认禁用file://协议下的video标签自动播放、跨域加载和部分解码能力，尤其对MP4以外格式（如AVI、WMV、FLV）直接报MediaError.MEDIA_ERR_SRC_NOT_SUPPORTED。这不是HTML5“不行”，而是安全策略限制——强行回退到Flash不仅无效，还因Flash已全平台终止支持（2021年12月起所有主流浏览器彻底移除application/x-shockwave-flash MIME类型），根本无法加载.swf播放器。
想播本地非标准视频？真正可行的三个入口
绕过浏览器沙箱限制，必须让文件走HTTP服务而非file://协议：
- 用Python快速起一个本地服务：
python3 -m http.server 8000，然后访问http://localhost:8000/your-video.mp4，<video>就能正常加载 - VS Code装插件“Live Server”，右键HTML文件选“Open with Live Server”，自动启动
http://127.0.0.1:5500/服务 - 前端开发常用
webpack-dev-server或vite dev，它们天然解决本地资源跨域问题，且支持HMR热更新
注意：哪怕只是双击打开HTML文件，只要地址栏显示file:///开头，video.src设为相对路径也大概率失败——根源不在格式，而在协议。
如果硬要兼容老系统（如Windows XP + IE8），没有Flash替代方案
IE8及更早版本不支持<video>，也没有WebM/MP4软解能力。此时唯一现实路径是：
立即学习“前端免费学习笔记（深入）”；
- 放弃纯前端方案，改用桌面程序封装（如Electron打包，内建Chromium 89+，可启用
webPreferences: { webSecurity: false }并读取file://） - 或使用ActiveX控件（如
WMPlayer.OCX），但仅限IE且需用户手动启用，现代Windows默认禁用 - 任何声称“用JS加载Flash播放器”的方案，在2024年Chrome/Firefox/Edge中都会卡在
net::ERR_BLOCKED_BY_CLIENT或白屏，因为插件接口已被硬编码移除
MP4本地播放失败？先查canPlayType()返回值
不是所有MP4都能播，关键看编码格式。浏览器只支持H.264+AAC封装的MP4，不支持H.265（HEVC）、AV1或Dolby Audio：
const video = document.querySelector('video');
console.log(video.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"')); // 返回"probably"
console.log(video.canPlayType('video/mp4; codecs="hev1.1.6.L120.90"')); // 返回""（空字符串）
用ffprobe your-video.mp4确认编码：Stream #0:0: Video: h264 (High)才可靠；若看到hevc或av1，用ffmpeg -i in.mp4 -c:v libx264 -c:a aac out.mp4转码。
真正的坑不在“怎么切Flash”，而在于误判问题根源——浏览器早已没有Flash这个选项，所有调试应聚焦在协议、编码、MIME服务三者是否闭环。
