IE11视频黑屏/静音/报InvalidStateError需显式声明type="video/mp4"、监听loadedmetadata再play、autoplay必加muted；老浏览器用html5media+Flash兜底；file://协议禁播需起HTTP服务；服务器须正确配置MP4的Content-Type为video/mp4。
IE11 黑屏/静音/报 InvalidStateError 怎么办
IE11 对 <video></video> 的支持是“能渲染但不一定会播”——它识别标签、显示控件，但元数据加载时机、play() 调用条件、type 解析都和标准浏览器不一致，直接写现代写法大概率失败。
- 必须显式声明
type="video/mp4"，哪怕只用一个<source></source>；省略或写成type="video/h264"会被跳过 - 动态设置
src后不能立刻调play()，要等loadedmetadata事件：video.addEventListener('loadedmetadata', () => video.play()); - 加
preload="metadata"可加快触发时机，减少白屏等待 - 若用
autoplay，务必同步加muted，否则 IE11 会静默拒绝
IE6–IE8 和老版 Firefox 播不了 MP4 怎么兜底
这些浏览器压根不认 <video></video> 标签，也不会尝试解码 MP4。强行用原生写法等于没写，得靠 JS 库模拟行为 + Flash 回退。
- 引入
html5media.min.js是最轻量的方案：它自动检测浏览器能力，IE6–8 会自动加载flowplayer.swf渲染播放器 - 确保页面同级目录存在
flowplayer.swf和flowplayer.controls.swf，否则 Flash 回退会失败并报“参数错误” - 老版 Firefox（如 3.6）默认不支持 MP4，即使引入 html5media，也要靠 Flowplayer 的 Flash 层来解码，不是靠浏览器本身
本地双击打开 HTML 文件提示“媒体格式不支持”
这不是编码问题，是浏览器主动拦截 file:// 协议下的视频加载——Chrome、Edge、Firefox 全部禁止，报错常为 net::ERR_FILE_NOT_FOUND 或控制台静默无请求。
- 别用双击，用命令行起 HTTP 服务：
python3 -m http.server 8000
，然后访问http://localhost:8000/index.html - VS Code 的 Live Server 插件慎用：它可能重写响应头或注入脚本，导致视频文件被当成文本返回
- 即使走 HTTP，
<source></source>也必须带type属性，否则 Safari 和部分旧内核会因无法推断 MIME 类型而跳过
搜狗浏览器 H5 视频点开没反应或卡在加载
搜狗基于 Chromium，但默认可能关掉媒体权限，或缺 HEVC 解码器——尤其遇到 4K/高码率 MP4 时，表现就是黑屏、缓冲转圈、控制条灰掉。
立即学习“前端免费学习笔记（深入）”；
- 进设置 → 隐私与安全 → 网站设置 → 媒体和摄像头 → 确保“允许网站播放媒体”已开启
- Windows 11 用户需去 Microsoft Store 安装“HEVC 视频扩展（由设备制造商提供）”，否则 H.265 编码视频直接无法解码
- 地址栏输入
se://extensions/查看是否启用了旧版 Flash 插件，有就禁用——它反而会劫持<video></video>行为导致冲突
.mp4 对应 video/mp4，浏览器就会当作未知二进制丢弃——网络面板里连请求都看不到。 
