微博H5页面无法触发小窗功能，因其未开放原生PiP权限且播放器为自研封装；虽浏览器支持PiP，但微博通过禁用controlsList、拦截事件、未设置allow属性及限制调用上下文等方式主动屏蔽；唯一变通方案是绕过其播放器，用独立video标签加载真实视频地址并显式授权，但违反其接口协议。
document.querySelector 无法直接触发微博 H5 视频小窗，因为微博 HTML5 版本默认不开放原生 picture-in-picture API 权限，且其播放器是自研封装的，未暴露标准小窗开关。
微博 H5 页面没有公开的小窗入口
当前（2024 年主流版本）微博移动端网页版（m.weibo.cn）的视频播放器不提供“小窗播放”按钮。你看到的“小窗”功能，基本只存在于微博官方 App 内（iOS/Android），由客户端调用系统级画中画（PiP）能力实现。H5 页面受限于浏览器策略和微博自身限制，requestPictureInPicture() 调用会被静默拒绝或抛出 NotAllowedError。
为什么 video.webkitSupportsPictureInPicture 返回 true 却用不了？
这是常见误解：浏览器支持 PiP ≠ 网站允许启用。微博 H5 播放器做了以下限制：
- 禁用
video元素的controlsList="nodownload noremoteplayback"属性（隐式屏蔽 PiP 图标） - 监听并拦截
webkitenterpictureinpicture事件 - 未在
标签上设置allow="picture-in-picture"（部分安卓 Chrome 需要） - 播放器容器使用
transform或iframe隔离，导致 PiP API 不可达
手动强制触发 PiP 的尝试与失败原因
你在控制台运行以下代码大概率会失败：
const video = document.querySelector('video');
if (video && video.src) {
video.requestPictureInPicture()
.catch(e => console.error('PiP failed:', e.name)); // 常见输出: NotAllowedError
}
失败主因：
-
video元素未处于“用户手势激活”上下文（比如没在click回调里调用） - 微博 JS 主动调用了
video.disablePictureInPicture = true - 当前视频是通过
blob:或跨域src加载，违反 PiP 安全策略
唯一可行的变通路径：用 PWA + 第三方播放器接管
如果你有技术控制权（比如自己搭了个微博内容聚合页），可绕过微博播放器：
- 抓取微博视频真实地址（需解析
data-src或 XHR 响应中的m3u8/mp4URL） - 用独立
标签加载，并显式添加：allow="picture-in-picture"和controls - 绑定按钮触发：
document.getElementById('pip-btn').onclick = () => { video.requestPictureInPicture().catch(console.warn); }; - 注意：该方式违反微博
robots.txt及接口调用协议，仅限学习/本地调试
