disableRemotePlayback 不等于“禁止投屏”，因为它仅是向浏览器发出提示性信号，非强制策略：Chrome/Edge支持UI隐藏，Safari部分支持，Firefox完全不识别，且无法阻止系统级镜像、录屏或物理盗录。

电脑端 HTML 视频无法真正“防投屏”，disableRemotePlayback 是唯一原生支持的提示性开关，但它不强制、不拦截、不加密，仅影响浏览器 UI 层的投屏入口显示。

为什么 disableRemotePlayback 不等于“禁止投屏”

该属性只是向浏览器发出“不希望此视频被投屏”的信号，是否响应完全取决于浏览器实现和底层平台：

• Chrome / Edge（Chromium 内核）：设为 disableRemotePlayback 后，地址栏 Cast 图标会置灰，右键菜单中“投射到设备”选项消失
• Safari（macOS/iOS）：自 iOS 15.4 / macOS 12.3 起支持 AirPlay 禁用提示，但仅限部分机型，且行为不稳定
• Firefox：完全不识别该属性，设了也无效
• 系统级镜像（如 AirPlay 屏幕镜像、Windows 投影到此电脑）：完全绕过该属性，不受任何影响

正确写法与常见错误

必须以布尔属性形式直接写在 <video></video> 标签中，不能带值，否则失效：

<video controls disableRemotePlayback>
  <source src="video.mp4" type="video/mp4">
</video>

以下写法全部错误，会导致属性被忽略：

Wechat Article Html

将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。

下载

立即学习“前端免费学习笔记（深入）”；

• disableRemotePlayback="true"
• disableRemotePlayback="disabled"
• videoEl.setAttribute('disableRemotePlayback', 'true')（动态设置在多数浏览器中不生效）

真正能降低风险的组合手段

单靠前端属性毫无意义，需服务端+客户端协同：

• 服务端对播放请求做鉴权：JWT Token + IP/UA 绑定 + 单次有效签名，防止 URL 被盗用后投屏
• 前端监听 webkitbeginfullscreen 或 enterpictureinpicture 事件，触发暂停或弹出警告（注意：leavepictureinpicture 无法可靠捕获）
• 敏感内容启用 DRM：Widevine（Chrome/Edge）、FairPlay（Safari），并配置 license server 的 outputProtection 策略（如要求 HDCP 传输）
• 避免使用 <video src="..."></video> 直链：改用 HLS/DASH + 动态密钥 + HTTPS，配合反调试和 network 面板干扰（如定时刷新 token、混淆分片路径）

最常被忽略的一点：用户用手机拍投屏画面、系统录屏、抓包下载分片——这些行为 disableRemotePlayback 一个都拦不住。防线必须从服务端开始建，而不是指望浏览器听你一句“请别投屏”。