HTML5 标签无法真正防投屏，disableRemotePlayback 仅是提示性属性，在安卓上基本无效；有效防护需服务端鉴权、DRM 输出限制及播放器层接管。

HTML5 标签本身**无法真正防投屏**，disableRemotePlayback 仅是提示性属性，对安卓手机尤其无效——它不阻止系统级镜像（如 Miracast）、录屏、抓包或物理拍摄，更无法干预 App 内投屏行为。

为什么 disableRemotePlayback 在安卓上基本没用

该属性在 Chrome/Edge（含安卓版）中虽被解析，但实际效果极弱：Miracast 投屏完全绕过此属性；Android WebView 和大部分厂商定制浏览器（如华为浏览器、小米浏览器）直接忽略；微信/QQ 内置 X5 内核未实现该属性逻辑。你写 disableRemotePlayback，用户点“无线投屏”按钮照样能推整个屏幕过去。

• disableRemotePlayback="true" 或带引号的写法会失效，必须写成无值布尔属性：
• 安卓系统级投屏（设置 → 连接与共享 → 无线显示）不读取网页任何属性，只捕获 SurfaceFlinger 输出
• 即使属性生效，也仅影响 Chromecast/AirPlay 图标可见性，不影响 Miracast、DLNA、USB 调试投屏等主流安卓路径

真正在安卓端起作用的控制点只有服务端和播放器层

前端 HTML 层面对投屏几乎零控制力。能落地的防护必须下沉到三个环节：

• 服务端鉴权：所有视频分片（MP4/HLS/DASH）必须校验 Token，且 Token 绑定设备指纹（UA + screen.width + hardwareConcurrency 组合哈希）、单次有效、10 分钟过期
• DRM 输出限制：若用 Widevine，license response 中必须设置 outputProtection（如 hdcpVersion: "HDCP_V2_2"），安卓设备若未启用 HDCP 就无法解密播放，自然无法投屏输出高清流
• 播放器接管：放弃原生 ，改用 ExoPlayer（App）或 hls.js + 自定义 MSE 播放器（H5），禁用 webkitShowPlaybackTargetPicker() 并监听 webkitbeginfullscreen 事件，触发 pause() + 弹窗警告

别碰“前端禁投屏脚本”，它们在安卓上全是障眼法

网上流传的“监听 enterpictureinpicture 后 remove() video 元素”“覆盖全屏 div 阻止投屏按钮”等方案，在安卓 WebView 和 X5 内核中基本失效：

Convert Markdown To HTML And PDF - Markdown和HTML、PDF互转

实现 Markdown↔ HTML 互转，支持导出 PDF，用于用户请求的文档格式转换。

下载

• 安卓 X5 内核不触发 enterpictureinpicture，也不支持 pictureInPictureElement
• 投屏按钮常由系统悬浮窗或状态栏快捷入口唤出，不在页面 DOM 内，覆盖层无效
• 调用 document.exitFullscreen() 对 Miracast 连接无影响，连接建立后页面是否全屏无关紧要

这些代码唯一作用是让开发者心理上“做了点什么”，但真实环境里毫无防护价值。

真正需要防投屏的业务（如付费课程、版权内容），不要指望 HTML 属性或 JS 监听——从视频源加密、Token 动态生成、DRM 输出策略到终端 SDK 选型，整条链路都得按生产级 DRM 方案设计。把希望押在 disableRemotePlayback 上，等于用纸门拦洪水。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！