disableRemotePlayback属性必须以布尔形式直接写在video标签中且不赋值，如；错误写法包括赋值（如disableRemotePlayback="true"）或JS动态设置，该属性仅为提示而非强制策略，实际效果依赖浏览器支持。
disableRemotePlayback 属性怎么写才生效
直接在 <video></video> 标签里加 disableRemotePlayback 布尔属性，不赋值、不带引号，否则浏览器会忽略它：
<video controls disableRemotePlayback><br> <source src="video.mp4" type="video/mp4"><br></video>错误写法包括
disableRemotePlayback="true"、disableRemotePlayback="disabled" 或用 JS 动态设置 video.disableRemotePlayback = true（部分浏览器初始化后设无效）。
为什么点了投屏按钮还是能投
该属性只是向浏览器“提示”不希望投屏，并非强制拦截。实际行为取决于：
- Chrome/Edge：通常隐藏右键菜单里的投屏项，地址栏 Cast 图标置灰，但用户仍可手动点浏览器右上角 Cast 按钮投整个标签页
- Safari：iOS 15.4+ 和 macOS 12.3+ 仅对 AirPlay 有弱提示，不阻止系统级镜像
- Firefox：完全不支持，设了也无反应
- Android WebView / 微信内置浏览器：多数版本直接忽略该属性
更关键的是：它对系统录屏（如 QuickTime、Xbox Game Bar）、手机拍摄、抓包提取 URL 等方式零防护能力。
controlslist="noremoteplayback" 是什么
这是 controlslist 属性的一个合法值，作用和 disableRemotePlayback 相同，但语义更统一，且可与其他控制项组合使用：
<video controls controlslist="nodownload nofullscreen noremoteplayback"><br> <source src="video.mp4" type="video/mp4"><br></video>注意：
noremoteplayback 在 Safari 中支持度略好于单独用 disableRemotePlayback，但在 Firefox 中同样无效；两者不能同时写，选其一即可。
Wechat Article Html
下载
将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。
立即学习“前端免费学习笔记（深入）”；
真正能降低投屏风险的组合手段
单靠前端属性无法实现可靠防投屏，必须配合服务端与播放逻辑：
- 服务端校验播放请求：验证 JWT Token、绑定 UA/IP、限制单次有效或 5 分钟过期
- 监听投屏相关事件：捕获
webkitbeginfullscreen、enterpictureinpicture，触发暂停或警告 - 对敏感内容启用 DRM：Widevine（Chrome/Android）、FairPlay（Safari/iOS），并在 license server 配置
outputProtection要求 HDCP - 避免直接暴露视频 URL：用 API 代理流式响应，而非把预签名 URL 写死在
src里
最容易被忽略的一点：即使你加了所有前端限制，只要视频 HTML 被用户打开，浏览器 DevTools 的 Network 面板仍可能捕获到分片请求——这需要服务端配合动态密钥、HTTPS 强制、Referer 校验与反调试辅助才能缓解。
