如何在夸克浏览器中开启视频画中画悬浮窗

酷磊酱_5048

酷磊酱_5048

2026-09-29

243人浏览

原创

必须同时开启夸克画中画开关、系统悬浮窗权限及视频源兼容三重设置才能实现网页视频小窗播放:先在夸克【设置→通用→视频播放】打开【下拉收缩】,重启App;再授系统【显示在其他应用上方】和【画中画】权限;最后确保访问B站/优酷等HTML5正片并用全屏下滑或长按菜单触发小窗。

如何在夸克浏览器中开启视频画中画悬浮窗

你想在刷B站教程时切到微信回消息、查资料,视频还能继续在屏幕一角播放,但夸克里点来点去就是没反应——这不是网站不支持,而是网页悬浮窗根本没真正打开。必须同时打通夸克内部开关、系统级权限、视频源兼容三层关卡,缺一不可。

先开夸克自己的画中画开关

这一步不开,后面所有手势和按钮都无效,哪怕你把系统权限全开了也白搭。

点击夸克右下角【我的】→【设置】→【通用】→【视频播放】→打开【下拉收缩】开关。

注意:这个开关在旧版路径可能藏在【实验性功能】里,叫【视频小窗播放】;若找不到,请先升级至2026年7月后发布的最新版夸克。

【必须重启夸克才能生效】。直接返回桌面再重新打开夸克,或刷新当前视频页,否则手势和按钮都不响应。

再授系统级悬浮窗与画中画权限

安卓和iOS底层机制不同,但核心就一条:没有这个权限,系统认定小窗是“非法覆盖”,一退后台就强制关闭。

方法一(主流安卓机型):打开手机【设置】→【应用管理】→【夸克浏览器】→【权限管理】→找到【显示在其他应用上方】→设为【允许】。

方法二(华为/小米/OPPO等定制系统):在上述权限页里,继续点进【特殊权限】→【画中画】→确保夸克状态为【允许】。【若此处是“询问时允许”或“仅在使用中允许”,小窗会在你切出App瞬间消失】。

方法三(iOS/iPadOS用户):进入【设置】→【夸克浏览器】→开启【后台应用刷新】+【画中画】;iPad还需在【设置】→【桌面与程序坞】→开启【允许多任务】。

page-agent 浏览器控制(CDP)
page-agent 浏览器控制(CDP)

使用 page-agent CLI(CDP)控制浏览器;CLI只能通过 GitHub Release 的 .tgz 安装,npm 官方包暂未发布。

下载

确认当前视频能触发画中画

不是所有网页视频都能进小窗。B站、优酷、腾讯视频的HTML5正片基本支持;但带广告跳转页、嵌套iframe的第三方挂载视频、老式Flash播放器或未加载完成的视频,点击后只会黑屏或报错。

第一步:打开夸克→访问bilibili.com或youku.com→找一个已加载完毕、进度条可拖动的HTML5正片视频→点击播放。

第二步:观察右上角是否出现“画中画”图标(方形框内带小三角)。没有图标,说明当前页面未适配——可能是广告跳转页、iframe嵌套视频、未加载完的资源,或用了老式Flash播放器。

第三步:若图标缺失,不要反复点击,直接跳到“强制触发”环节。强行点击无效会浪费时间,还可能触发页面重定向。

手动触发小窗的三种可靠方式

网页视频不会自动进小窗,必须主动唤醒系统PiP模式,否则只是浏览器模拟浮窗,一退后台就灭。

① 全屏→下滑退出法:在B站或优酷播放一个已加载完成的视频→点全屏按钮→从屏幕顶部向下滑动→视频自动缩为右下角悬浮小窗。

② 长按唤出菜单法:视频播放中,用手指长按视频画面区域约1.5秒→弹出快捷菜单→点击【画中画】或【小窗播放】→小窗即刻浮现。

③ 地址栏执行脚本法:暂停视频→点击地址栏→在当前URL前粘贴:javascript:document.querySelector('video').webkitSetPresentationMode('picture-in-picture');→按回车执行。这一步操作起来很简单,直接把脚本粘进去按回车就行,不需要懂JavaScript。

相关文章

夸克浏览器
夸克浏览器

夸克Quark是一款采用 chromium 单核设计,网页渲染加载速度快,还有 0.3s 闪电启动的极速体验。内置隐私防护功能,能多方面保护用户隐私,可识别各种恶意软件和钓鱼网站,确保上网安全。与夸克网盘一体设计,拥有夸克高考、夸克搜题等多种智能工具,还有超过上万条过滤规则的超强去广告功能,以及智能拼页的阅读模式等。

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
Vite 项目如何打包和部署
Vite 项目如何打包和部署

Vite项目打包部署专题汇集生产构建、产物预览、输出目录、资源路径、Nginx与GitHub Pages部署及常见白屏和路由404问题的已审核文章,帮助读者完成上线流程。

2026.10.28

40

16

Vite 如何搭配 Vue.js
Vite 如何搭配 Vue.js

Vite搭配Vue.js专题汇集创建Vue 3项目、配置开发环境、路径别名、Vue插件、代理、多环境构建与调试的已审核文章,帮助读者完成从初始化到日常开发的配置。

2026.10.28

20

15

Vite 项目目录怎么看
Vite 项目目录怎么看

Vite项目目录专题汇集入口文件、src源码、public静态资源、路径别名、项目根目录和构建输出目录相关的已审核文章,帮助读者理解各文件夹的用途与引用方式。

2026.10.28

0

10

Gradle插件开发入门教程
Gradle插件开发入门教程

本专题介绍Gradle插件开发的基本流程,涵盖插件类编写、自定义任务注册、扩展参数设计和插件应用方法,帮助你理解插件如何组织构建逻辑,减少多个项目之间的重复配置。

2026.10.22

120

11

Gradle Wrapper配置教程
Gradle Wrapper配置教程

本专题介绍Gradle Wrapper的基本作用,涵盖文件组成、生成方法、版本配置和任务调用,帮助你理解项目如何使用指定的Gradle版本,减少不同开发环境带来的构建差异。

2026.10.22

80

10

Golangci-lint检查器使用教程
Golangci-lint检查器使用教程

本专题整理Golangci-lint常用Linters的用途与配置方法,覆盖错误处理、无效代码、安全、复杂度、命名和依赖检查,帮助项目合理选规则。

2026.10.22

60

15

Gradle怎么构建Java项目
Gradle怎么构建Java项目

本专题介绍Gradle Java项目构建方法,涵盖Java插件配置、依赖声明、源码编译、测试执行和打包检查,帮助你理解各阶段的任务关系,逐步完成项目构建。

2026.10.22

40

10

PHP时间戳漏洞修复教程
PHP时间戳漏洞修复教程

本专题汇总PHP常见时间戳漏洞,包括2038年溢出、时区漂移、时间戳伪造、重放攻击、时间盲注与日志审计失效等,并给出升级64位环境、使用 DateTimeImmutable、统一UTC、严格超时校验、预处理绑定、hash_equals 比对等修复方案,帮助开发者快速排查和加固时间相关代码。

2026.10.22

60

25

Golangci-lint配置文件与规则设置
Golangci-lint配置文件与规则设置

本专题聚焦Golangci-lint YAML配置文件,讲清运行参数、规则启停、目录排除、问题过滤及严重级别设置,便于团队统一检查标准。

2026.10.22

40

15

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程