HTML视频防投屏支持哪些格式？兼容格式设置一览-html教程-PHP中文网

disableRemotePlayback属性仅在视频能正常播放的前提下起效，MP4（H.264+AAC）是唯一跨平台稳妥格式；WebM（VP9）、H.265、FLV等因浏览器不支持或解码失败导致属性无效。

html视频防投屏支持哪些格式？兼容格式设置一览

HTML 视频防投屏本身不依赖格式，而是靠 disableRemotePlayback 属性起作用；但该属性能否生效，取决于视频是否能正常播放——所以格式兼容性是前提。

哪些格式能用 `disableRemotePlayback` 有效禁用 AirPlay/Chromecast

只要视频能播，这个属性就“有机会”起效。真正决定能不能播的，是编码+容器组合：

✅ video/mp4; codecs="avc1.42E01E, mp4a.40.2"（H.264 + AAC）：全平台可播，disableRemotePlayback 在 Chrome、Edge、iOS 15.4+ Safari 上表现稳定
⚠️ video/webm; codecs="vp9, opus"：Chrome/Firefox 可播，但 Safari 不支持 VP9，设了 disableRemotePlayback 也白搭（根本播不了）
❌ video/mp4; codecs="hev1.1.2.L153.B0"（H.265）：仅 Safari 14+ 支持，Chrome/Firefox 不认，无法跨浏览器启用防投屏
❌ FLV、AVI、MOV（非标准 MP4 封装）、RMVB 等：浏览器原生不支持，连播放都失败，属性自然无效

`disableRemotePlayback` 的写法和常见失效原因

它不是开关，而是一个提示信号，写错就彻底失效：

DeepBI DHTML 页面生成器

生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur

下载

✅ 正确写法：（布尔属性，不带等号、不赋值）
❌ 错误写法：disableRemotePlayback="true"、disableRemotePlayback="disabled"、disableRemotePlayback="" —— 浏览器会忽略该属性
❌ 动态设置晚了：video.setAttribute('disableRemotePlayback', ''); 在 loadedmetadata 之后才加，部分 iOS 版本不响应
❌ 没配 muted + playsinline：iOS 下视频根本进不了内联播放状态，连触发 disableRemotePlayback 的前提都没有

为什么 MP4(H.264+AAC)是唯一稳妥选择

不是因为它“自带防投屏”，而是它让 disableRemotePlayback 有执行基础：

iOS Safari 要求 playsinline + muted + H.264 MP4 才允许内联播放，否则直接跳转全屏原生播放器——此时 disableRemotePlayback 已无意义
Android WebView 和微信 X5 内核对 WebM/AV1 支持极差，很多机型解码失败，黑屏报 VIDEO_ERROR_DECODE，属性根本没机会参与流程
FFmpeg 转码时若漏掉 -movflags +faststart，iOS 会卡在 loading 状态，canplay 都不触发，更别说响应投屏禁用逻辑
用 .mov 或 .m4v 后缀即使内容相同，Safari 可能因 MIME 推断失败拒绝加载，导致整个 video 元素不可用