Chrome中无法通过HTML属性禁用投屏，noremoteplayback仅影响iOS Safari的AirPlay图标；真正防投屏需DRM加密、token鉴权或MSE分片，纯前端无效。
Chrome 浏览器中 video 元素默认允许投屏，无法靠 HTML 属性禁用
HTML 本身没有 disablecast 或类似属性。即使设置 controlslist="nodownload noremoteplayback"，noremoteplayback 仅影响 iOS Safari 的 AirPlay 图标显示，对 Chrome 的 Google Cast（Chromecast）按钮完全无效——它仍会出现在右键菜单和地址栏旁。
noremoteplayback 只在特定平台生效，且需配合 JavaScript 才能真正阻断投屏行为
该属性在 Android Chrome 和 iOS Safari 上可隐藏投屏 UI，但不阻止底层 API 调用。要实际拦截，必须监听并取消 webkitpresentationmodechanged（旧版）或 presentationmodechange（新版），并在检测到 "picture-in-picture" 或 "remote" 模式时主动退出：
const video = document.querySelector('video');
video.addEventListener('presentationmodechange', () => {
if (video.presentationMode === 'remote' || video.presentationMode === 'picture-in-picture') {
video.exitPictureInPicture().catch(() => {});
// 注意：exitRemotePlayback() 在 Chrome 中尚未实现，目前无标准 API 强制关闭投屏
}
});
-
presentationmodechange是 W3C 标准事件，但浏览器支持不一；Chrome 目前只响应 PiP，不触发 remote 模式变更 -
video.exitRemotePlayback()在所有主流浏览器中均未实现，属于“纸上规范” - 移动端 Safari 可通过
playsinline+noremoteplayback抑制 AirPlay UI，但用户仍可通过系统级控制中心强制投屏
真正有效的防投屏只能靠服务端策略 + 客户端混淆
纯前端无法可靠阻止投屏，因为投屏本质是将当前页面/标签内容镜像推送到接收端，只要视频帧能被浏览器解码，就可能被截取。可行路径只有：
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
- 使用 DRM（如 Widevine、FairPlay）加密视频流，并配置许可证策略禁止远程播放 —— 这是唯一被 Chrome / Android TV / Apple TV 实际执行的防投屏机制
- 对私有视频启用
Referer校验、短时效token签名 URL，让投屏设备因缺少有效凭证而加载失败 - 避免使用
明文直链，改用 MSE（Media Source Extensions）+ 加密分片，配合自定义解密逻辑，增加投屏端解析难度 - 在关键场景下，用 Canvas 帧绘制 + WebAssembly 解码替代原生
video元素（牺牲性能换可控性）
别依赖 controlslist 或 CSS 隐藏投屏按钮
很多教程建议用 controlslist="noremoteplayback" 或 video::-webkit-media-controls-remote-playback-button { display: none; }，这些做法在最新 Chrome（v120+）中已失效：
-
controlslist对 Chromecast 按钮无任何影响，该按钮由浏览器 UI 层独立渲染 -
::-webkit-media-controls-remote-playback-button伪元素在 Chrome 115 后被移除，CSS 无法覆盖地址栏旁的 Cast 图标 - 用户只需按
Ctrl+Shift+M（Windows/Linux）或Cmd+Shift+M（macOS）即可手动唤出媒体控制面板并点击投屏
防投屏不是加个属性就能解决的事，核心限制在浏览器能力边界之外。如果视频敏感度高，必须走 DRM；若只是防普通用户误操作，noremoteplayback + token 链接 + 文档提示已够用。别在前端埋雷等审计翻车。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
