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"></source></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 一个都拦不住。防线必须从服务端开始建，而不是指望浏览器听你一句“请别投屏”。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
