火狐浏览器支持同时开启多个画中画窗口,需依次完成五步操作:一、在about:config中将media.videocontrols.picture-in-picture.allow-multiple设为true;二、确保视频来自不同非聚焦标签页并依次触发画中画;三、使用独立用户配置文件运行多个Firefox实例;四、通过开发者工具Console调用requestPictureInPicture()手动创建;五、为各视频网站手动授权画中画权限。

如果您已成功启用火狐浏览器的画中画功能,但发现每次仅能显示一个悬浮视频窗口,而希望同时观看多个视频源,则问题可能源于默认策略限制。以下是开启多个画中画窗口的具体操作步骤:
一、通过 about:config 启用允许多个画中画窗口
该方法修改底层媒体策略参数,解除 Firefox 默认对单个画中画实例的强制覆盖限制,使系统允许并发创建多个独立悬浮窗口。
1、在地址栏输入 about:config 并按回车键。
2、点击“接受风险并继续”进入高级配置页面。
3、在顶部搜索框中输入 media.videocontrols.picture-in-picture.allow-multiple。
4、双击该条目,将其布尔值由 false 修改为 true。
5、关闭 about:config 页面,无需重启浏览器,设置立即生效。
二、配合操作流程确保多窗口实际生成
该方法规避因操作顺序不当导致新窗口覆盖旧窗口的问题,明确要求视频源必须来自不同标签页且处于非焦点状态,以触发独立实例创建。
1、在第一个标签页中播放视频,并点击画中画按钮或使用快捷键使其进入悬浮模式。
2、将该画中画窗口拖离原始网页可视区域,避免遮挡后续操作。
3、切换至第二个标签页,打开另一个支持 HTML5 video 的视频并开始播放。
4、确保当前标签页未聚焦于首个画中画窗口,再对该视频执行画中画操作。
5、此时将出现第二个独立悬浮窗口,可分别拖动、缩放与控制。
三、使用不同用户配置文件隔离运行
该方法利用 Firefox 多配置文件机制,在完全独立的运行环境中启动浏览器实例,从根本上规避单进程内策略冲突,适用于需长期稳定维持多个画中画会话的场景。
1、在地址栏输入 about:profiles 并回车,进入配置文件管理界面。
2、点击“创建新配置文件”,按向导完成命名(如“PIP-1”“PIP-2”)及路径设定。
3、关闭所有火狐窗口。
4、按下 Win+R(Windows)或 Spotlight(Mac),输入命令:firefox.exe -P "PIP-1" -no-remote(Windows)或 /Applications/Firefox.app/Contents/MacOS/firefox -P "PIP-1" -no-remote(Mac)。
5、重复步骤 4,替换配置名启动第二个独立实例,各自加载不同视频并启用画中画。
四、通过 JavaScript 控制台手动调用多实例 API
该方法绕过 UI 层限制,直接调用浏览器原生 PictureInPictureWindow 接口,适用于网页已禁用控件或需精确控制窗口生命周期的调试场景。
1、在目标视频页面按 F12 打开开发者工具,切换至 Console 标签页。
2、执行以下代码获取首个 video 元素并请求画中画:document.querySelectorAll('video')[0].requestPictureInPicture()。
3、切换至另一标签页,重复步骤 1–2,使用索引 [1] 或其他有效 video 元素引用再次调用。
4、若页面存在多个 video 元素,先运行 document.querySelectorAll('video') 查看列表长度与结构。
5、确认每个 requestPictureInPicture() 调用返回 Promise,成功后即生成独立窗口。
五、检查站点权限以保障多源调用可行性
该方法解决特定网站因权限策略拒绝画中画请求的问题,确保跨域名视频源均被授予必要媒体权限,防止某一路视频无法进入悬浮状态而中断多窗口流程。
1、在任意页面点击地址栏左侧锁形图标,选择“连接不安全”或“连接正常”旁的箭头展开详细信息。
2、点击“网站权限”→“画中画”,查看当前设置状态。
3、若显示“阻止”或“询问”,点击右侧下拉菜单,选择“允许”。
4、对每个需启用画中画的视频网站(如 youtube.com、bilibili.com)重复上述操作。
5、刷新对应网页,重新执行画中画操作验证权限生效情况。











