html无法直接关闭投屏广播，浏览器未提供禁用投屏的api；唯一有效前端措施是为video标签添加disableremoteplayback属性，以隐藏cast/airplay图标，其余方案多无效或副作用明显。
HTML 无法直接关闭投屏广播
浏览器没有提供 API 让网页主动禁用或屏蔽投屏（如 Chrome 的 Cast、Safari 的 AirPlay、Edge 的 Connect）——navigator.mediaDevices.getDisplayMedia() 是请求投屏，不是关闭它；document.exitPictureInPicture() 管的是画中画，和投屏无关。
能做的只有限制投屏入口和内容输出
实际可干预的点很有限，但集中在两个层面：阻止用户触发投屏 UI、防止投屏时显示敏感内容。这些措施不能“关闭广播”，但能显著降低被投屏成功的概率：
- 移除
<video></video>标签上的webkit-playsinline和playsinline外，**必须显式禁用disableRemotePlayback属性**：<video disableremoteplayback controls></video>
——这是目前唯一被 Chromium 和 Safari 支持的、能隐藏 Cast/AirPlay 图标的 HTML 属性 - 监听
webkitbeginfullscreen/webkitendfullscreen（iOS Safari）或visibilitychange（部分投屏会触发页面不可见），但注意：投屏本身不一定会触发这些事件，可靠性低 - 对关键视频使用 MSE（Media Source Extensions）+ 加密分片（如 AES-CBC 解密后 feed 给
SourceBuffer），让投屏端拿到的只是加密裸流或黑帧——但这要求服务端配合，且无法防录屏
常见误操作与兼容性坑
很多方案看似合理，实则无效或副作用明显：
- 设置
controlslist="nodownload noremoteplayback"——noremoteplayback是无效值，浏览器忽略；只有disableRemotePlayback属性起作用 - 用 CSS 隐藏右键菜单或投屏按钮：
video::-webkit-media-controls-overlay-play-button等伪元素无法覆盖系统级投屏控件 - 在
beforeunload或pagehide中调用document.cancelFullScreen()——投屏不等于全屏，该事件根本不会触发 - Android Chrome 上
disableRemotePlayback仅在 Android 12+ 且启用「媒体投射」权限时生效；旧版本或 MIUI/EMUI 系统可能完全无视
真正需要防投屏时，别只靠前端
前端能做的非常有限。如果业务涉及 DRM 内容（如会员剧集、课件视频），disableRemotePlayback 只是辅助手段，必须搭配：
- 服务端启用 Widevine L1 或 FairPlay 流，确保投屏设备因密钥等级不足而解码失败
- 客户端 SDK（如 React Native 或原生 App）调用系统 API 控制投屏开关，比如 Android 的
MediaRouter或 iOS 的AVRoutePickerView隐藏逻辑 - 监控
video.webkitPresentationMode值是否为"picture-in-picture"或"wireless-video"（后者表示正在投屏），但该属性仅 Safari 16.4+ 支持，且无法中断已建立的连接
单纯靠 HTML 标签或 JS 拦截，防不住有心人连上 Miracast 或用采集卡硬抓——这点容易被高估。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
