iframe全屏失败是因权限链未对齐：需https协议、显式allowfullscreen=""、allow="fullscreen;autoplay"（无空格）、sandbox含allow-fullscreen。
iframe 全屏权限被拒绝的典型表现
点击视频全屏按钮时无反应，或控制台报错 Failed to execute 'requestFullscreen' on 'Element': The Element is not allowed to be displayed fullscreen.。这不是浏览器 bug，而是 allowfullscreen 属性缺失或配置不完整导致的权限限制。
allowfullscreen 必须显式声明且不能省略值
HTML5 规范要求该属性必须存在，且不能只写 allowfullscreen（即布尔属性简写形式），否则部分浏览器（尤其是 Safari 和新版 Chrome）会忽略它。正确写法是带等号和空字符串或布尔值：
-
allowfullscreen=""—— 最稳妥，兼容所有主流浏览器 -
allowfullscreen="true"—— 语义清晰，但某些旧版 WebView 可能不识别 - ❌ 错误写法：
allowfullscreen（无值）、allowfullscreen="1"、allowfullscreen="yes"
还需配合 allow 属性启用媒体相关能力
仅 allowfullscreen 不够。现代 iframe 默认禁用摄像头、麦克风、画布渲染等全屏依赖能力。必须通过 allow 属性显式放行，常见组合如下：
- 基础视频全屏：
allow="fullscreen" - 含播放控制（如 autoplay、picture-in-picture）：
allow="fullscreen; encrypted-media; autoplay; picture-in-picture" - 若嵌入的是 WebRTC 或 Canvas 内容，还需加
camera、microphone、accelerometer等 - 注意分号后不能有空格：
allow="fullscreen;autoplay"✅，allow="fullscreen; autoplay"❌（空格会导致部分能力失效）
HTTPS 环境与 sandbox 的冲突风险
如果 iframe 同时设置了 sandbox 属性，allowfullscreen 会被直接屏蔽——除非你在 sandbox 值中明确添加 allow-scripts 和 allow-same-origin（后者在跨域时不可用，需权衡安全）。更关键的是：sandbox 默认禁用所有权限，包括全屏。
- 安全但可用的最小 sandbox 配置：
sandbox="allow-scripts allow-same-origin allow-fullscreen" - ⚠️ 注意：
allow-fullscreen是 sandbox 的独立 token，和外层allowfullscreen属性不是一回事，二者缺一不可 - 若 iframe 来源为 http（非 HTTPS），Chrome 89+ 会完全禁用
allowfullscreen，强制要求 HTTPS
<iframe src="https://example.com/player" allowfullscreen="" allow="fullscreen; autoplay" sandbox="allow-scripts allow-same-origin allow-fullscreen"></iframe>全屏能力不是“开个开关”就完事，它是一组权限链：协议（HTTPS）、容器属性（
allowfullscreen）、能力白名单（allow）、沙箱策略（sandbox）必须全部对齐，漏掉任意一环都可能静默失败。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
