HTML5视频无法播放的根本原因在于编码、MIME类型、路径和浏览器设置四方面不匹配；需验证H.264+AAC编码、配置正确MIME、确保路径规范、禁用干扰插件并规范HTML写法。
HTML5 不是能“安装”的软件，它是一套浏览器内置的标准。所谓“安装HTML5后视频不能播”，本质是误以为装了某个插件或工具就等于启用了HTML5视频能力——实际问题往往出在编码、路径、MIME、浏览器设置这四个地方。
检查视频编码是否真为 H.264 + AAC + MP4
很多用户把后缀是 .mp4 的文件当成“HTML5兼容格式”，但文件可能是 H.265（HEVC）、AV1 或伪MP4（如 FLV 封装成 .mp4）。浏览器不认编码，只认解码器。
- 用命令行验证：
ffprobe -v quiet -show_entries stream=codec_name,width,height -of default input.mp4
确保输出中codec_name=h264（视频）和codec_name=aac（音频） - H.265/HEVC 在 Chrome/Edge/FF 多数 Windows 版本里默认不支持；Safari 虽支持，但其他平台无法 fallback
- 别信“转成 MP4 就行”——必须指定编码：用 FFmpeg 转码时加
-c:v libx264 -profile:v baseline -level 3.0 -c:a aac
确认服务器返回了正确的 MIME 类型
即使视频本身完全合规，如果 Web 服务器没告诉浏览器“这是个视频”， 标签会静默失败，控制台可能只报 ERR_CONTENT_DECODING_FAILED 或直接空白。
- Nginx 配置需包含：
location ~* \.(mp4|webm|ogg)$ { add_header Content-Type video/$1; } - Apache 需在
.htaccess或主配置中添加：AddType video/mp4 .mp4
- IIS 用户务必手动在 MIME 类型里添加：
.mp4 → video/mp4，否则哪怕路径对、编码对，也加载不了
排查浏览器自身限制与干扰项
Chrome、Edge、Firefox 等现代浏览器默认支持 HTML5 视频，但某些策略会主动禁用它——不是 bug，是设计行为。
立即学习“前端免费学习笔记（深入）”；
- 广告拦截插件（如 uBlock Origin）常屏蔽
MediaSourceAPI；可临时禁用扩展测试 - Chrome/Edge 地址栏输入
chrome://flags，搜html5，确保Prefer HTML5 over Flash是Enabled - Safari iOS 上若开了“阻止跨网站跟踪”，部分 CDN 视频会因 Cookie 或 Referer 限制而黑屏；关掉该选项再试
HTML 写法是否漏掉了关键 fallback 或属性
单写一个 controls 导致看不出是否加载成功。
-
type属性不是可选的——必须写明： - 推荐多源写法，提高容错：
- 路径用相对路径时，避免空格和中文；
src="videos/我的视频.mp4"极易 404，换成src="videos/my-video.mp4"
真正卡住人的，从来不是“会不会写
