必须同时设置 allow="fullscreen" 和 allowfullscreen 属性，且跨域 iframe 中目标页面 video 需含 playsinline 和 webkit-playsinline；allow 值为空格分隔权限列表，拼写错误或缺失任一条件均导致全屏失败。
allow属性怎么写才能让iframe里的视频请求全屏
只有显式声明 allow="fullscreen"，iframe 内部的 requestFullscreen() 才可能成功触发。默认情况下，iframe 是禁止调用全屏 API 的，哪怕页面本身有权限也不行。
常见错误是只写 allow="true" 或漏掉引号、拼错单词（比如写成 full-screen），这些都会导致全屏被静默拒绝。
-
allow值必须是空格分隔的权限列表，不是布尔值；fullscreen是独立权限项，不依赖autoplay或picture-in-picture - 如果 iframe 来源是跨域的，目标页面还必须在自己的
<video></video>上设置webkit-playsinline（iOS）或确保controls存在，否则 Safari 会直接禁用全屏按钮 - Chrome 92+ 要求
allow="fullscreen"必须配合allowfullscreen属性（二者缺一不可），否则控制台报Failed to execute 'requestFullscreen' on 'Element': The element is not allowed to enter fullscreen
为什么加了allow="fullscreen"还是不能全屏
最常被忽略的是：iframe 必须同时带 allowfullscreen 属性。这个属性没有值，只是存在即生效，和 allow 是两个独立开关——allow 控制 JS API 权限，allowfullscreen 控制 HTML 元素原生全屏按钮权限。
示例正确写法：
<iframe src="player.html" allow="fullscreen" allowfullscreen width="100%" height="360"> </iframe>
- 少写
allowfullscreen：视频右下角全屏按钮灰掉，JS 调用requestFullscreen()抛错 - 只写
allowfullscreen不写allow="fullscreen"：原生按钮可用，但 JS 无法主动触发（比如点击自定义按钮调用全屏） - 跨域 iframe 中，目标页面的
<video></video>还需满足：未设disablepictureinpicture、未禁用controls、且用户手势事件链未中断（例如不能在setTimeout里调用）
allow属性还能控制哪些媒体行为
allow 是 Web 共享权限机制的一部分，除 fullscreen 外，和媒体强相关的还有几个关键项：
-
accelerometer/gyroscope：影响 VR/AR 类视频的传感器访问，非必要不开启 -
encrypted-media：启用 EME（Encrypted Media Extensions），播放 DRM 视频必需 -
microphone/camera：WebRTC 场景下才需要，普通视频播放无需开启 -
payment：与支付相关，和全屏完全无关，别误加
多个权限用空格连接，例如：allow="fullscreen encrypted-media accelerometer"。注意顺序无关，但任意一项拼错或格式错误（如多空格、换行）会导致整条 allow 失效。
移动端特别是 iOS 的特殊限制
iOS Safari 对 iframe 全屏极其严格：即使 allow 和 allowfullscreen 都写了，若 iframe 内容未声明 playsinline，系统会强制内联播放，且彻底屏蔽全屏入口。
目标页面（即 src 指向的 HTML）中，<video></video> 标签必须包含：
<video controls playsinline webkit-playsinline>...</video>
-
playsinline是标准属性，webkit-playsinline是 Safari 旧版兼容写法，建议都写上 - 仅靠 iframe 层面的
allow无法绕过这个限制——这是 Apple 强制的内容策略，不是浏览器 bug - 微信内置浏览器（X5 内核）沿用类似逻辑，但部分版本还要求
x5-video-player-type="h5"才能激活全屏按钮
全屏逻辑实际是三层校验：iframe 属性 → 目标页面 video 属性 → 用户手势上下文。任一环断开，就只能看到“无法全屏”的静默失败。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
