HTML5播放器不应fallback到Flash，因现代浏览器已全面禁用Flash；应优化HTML5本身：使用H.264 Baseline、720p以下分辨率、合理缓冲策略，并升级flv.js等依赖。
HTML5 播放器如何 fallback 到 Flash（已不推荐）
现代浏览器已全面禁用 Flash，Chrome 88+、Firefox 85+、Edge 90+ 默认彻底移除 Flash 支持，navigator.plugins 查不到 Shockwave Flash，embed 或 object 标签加载 .swf 会直接失败或触发空白/404。所谓“低配机切 Flash 更流畅”在 2024 年已不成立——Flash 解码无硬件加速、内存泄漏严重、H.264 软解比 HTML5 video 的 MSE + GPU 解码更卡。
真正兼容老设备的 HTML5 替代方案
低配机卡顿主因是 H.265（HEVC）硬解缺失、高分辨率视频软解压力大、或 MSE 缓冲策略不当。应优先优化 HTML5 播放本身：
- 用 H.264 Baseline Profile 编码，避免 H.265 / AV1
- 控制分辨率 ≤ 720p，码率 ≤ 1500kbps，关键帧间隔 ≤ 2s
- 启用
preload="metadata"，避免自动下载整段视频 - 对低端 Android（如 Android 4.4）加
webkit-playsinline和x5-video-player-type="h5-page"（腾讯 X5 内核） - 用
MediaSource时限制sourceBuffer.appendWindowEnd防止缓冲区溢出
如果必须兼容极旧环境（如 IE11 + Flash 未卸载）
仅限内网封闭系统、定制终端等特殊场景。需手动检测 Flash 环境并降级：
function hasFlash() {
const activeX = typeof ActiveXObject !== 'undefined';
if (activeX) {
try {
new ActiveXObject('ShockwaveFlash.ShockwaveFlash');
return true;
} catch (e) {}
}
return navigator.mimeTypes && navigator.mimeTypes['application/x-shockwave-flash'] !== undefined;
}
if (hasFlash() && /MSIE|Trident/.test(navigator.userAgent)) {
document.getElementById('player').innerHTML = `
<object type="application/x-shockwave-flash" data="player.swf?src=video.flv">
<param name="movie" value="player.swf?src=video.flv">
</object>
`;
} else {
// 插入 <video> 标签
}
注意：player.swf 必须支持 RTMP/HTTP-FLV，且服务端需提供 FLV 封装流；HTML5 视频地址不能直接喂给 Flash 播放器。
立即学习“前端免费学习笔记（深入）”；
Flash 移除后最常被忽略的兼容点
很多团队只改了播放器外壳，却漏掉底层依赖：
- 旧版
flv.js（≤ v1.5）在 Chrome 90+ 会因WebAssembly.instantiateStreaming权限失败，需升级到 v1.6+ - 某些自研 Flash 播放器的 DRM 模块（如 Adobe Access）无 HTML5 对应实现，必须重签 CENC 或改用
Clear Key - IE11 下
video.currentTime设置可能不准，需配合seeking事件轮询校验
Flash 不是“备胎”，而是已报废的旧零件。把精力放在精简 MSE 分片逻辑、预加载关键帧、降级音视频 codec 上，比找 Flash 兼容方案实际得多。
