HTML5无需安装，问题多源于浏览器兼容性、资源加载、编码格式或网络策略；video播放失败需检查canPlayType和编码匹配；file://协议限制导致本地HTML异常；网络拦截、安全组配置及浏览器媒体策略设置亦是常见原因。
video 标签播放失败：先看 canPlayType 和编码是否匹配
很多页面用 标签，但点开黑屏/报错/只有声音，不是 HTML5 缺失，而是浏览器不支持该视频的编码组合。Chrome/Firefox/Safari 对 H.264+AAC+MP4 支持最稳；HEVC(H.265)、AV1 或伪 MP4（如封装为 .mp4 但内部是 FLV）基本播不了。
- 在控制台运行
!!document.createElement('video').canPlayType，返回false表示浏览器连基础 video API 都没启用（极少见，多见于企业锁定版 IE 或老旧内核） - 用
ffprobe your-video.mp4查编码：codec_name必须是h264和aac；若看到hevc、av1、flv1，就得转码 - 转码推荐命令：
ffmpeg -i input.mp4 -c:v libx264 -profile:v baseline -level 3.0 -c:a aac -b:a 128k -movflags +faststart output.mp4
本地打开 HTML 文件空白：file:// 协议限制常被忽略
双击 index.html 打开，页面结构没了、CSS 不生效、JS 报跨域错误？这不是 HTML5 的锅，而是浏览器对 file:// 协议的严格限制：AJAX、fetch、部分 localStorage、WebGL 初始化都会被拦。
- 确认地址栏是不是以
file:///开头；如果是，就别指望它能当生产环境用 - 简单验证：把文件拖进 Chrome，按
F12打开开发者工具 → 切到Console，看有没有Not allowed to load local resource或Blocked by CORS policy - 临时解决：用 Python 快速起一个本地服务：
python3 -m http.server 8000
，然后访问http://localhost:8000/index.html
网页打不开 / 白屏 / 卡在加载：检查安全组、广告拦截器和域名屏蔽
看似是 HTML5 问题，实则是网络链路被掐断。尤其国内环境，常见干扰源很具体：
- 手机装了
AdGuard、AdAway或类似去广告工具，可能误屏蔽了hm.baidu.com、cdn.jsdelivr.net等常用统计/CDN 域名，导致 JS 加载失败，整个页面逻辑崩掉 -
云服务器部署的 H5 页面打不开？先查安全组：HTTP 默认端口
80或 HTTPS 的443是否放行；没开就是“连接被拒绝”，和 HTML5 完全无关 - 公司/校园网络启用了 DPI 深度包检测，会主动拦截含
WebAssembly、WebWorker特性的请求，表现为页面卡住不动，但 Network 面板里看不到明显失败请求
换浏览器仍不行？重点盯住三个隐藏开关
某些浏览器（如搜狗、QQ、Edge）默认关闭了关键媒体策略，或启用了冲突的实验性功能，需要手动打开：
立即学习“前端免费学习笔记（深入）”；
- 搜狗浏览器：进
设置 → 隐私与安全 → 网站设置 → 媒体和摄像头，确保“允许网站播放媒体”已开启 - QQ 浏览器：地址栏左侧有“高速模式”按钮，强制切到“兼容模式”再刷新，可绕过部分 JS 渲染 bug
- Chrome / Edge：地址栏输入
chrome://flags/#enable-experimental-web-platform-features，如果这个开关被设为Enabled，反而会导致部分标准 API 行为异常，建议设回Default
