需启用画中画(pip)模式:ios需系统设置开启并退出全屏或手势触发;android需授予权限并在多任务中启用;微信公众号可借浏览器实现;开发者法可注入js指令;课程视频格式与转码决定是否支持。

如果您在使用雨课堂App观看课程视频时希望同时操作其他应用,但当前画面仍持续播放,则需要启用画中画(PiP)模式。以下是实现小窗播放的具体设置方法:
一、iOS设备开启画中画功能
iOS系统需在系统级和App内双重启用画中画权限,确保视频播放器支持后台悬浮窗口渲染。该功能依赖于系统媒体服务框架与雨课堂视频组件的兼容性配置。
1、打开iPhone「设置」→「通用」→「画中画」,将「自动进入画中画」和「始终允许」两项开关均设为开启状态。
2、返回雨课堂App,播放任意课程视频,待视频全屏播放后,轻点屏幕左上角「返回」按钮退出全屏,此时视频应自动缩小为浮动窗口。
3、若未自动触发,可尝试双指在视频区域做捏合手势,或从屏幕底部向上轻扫并暂停手势停留约1秒,强制唤起画中画窗口。
二、Android设备启用多窗口模式
Android 8.0及以上版本原生支持画中画,但需确认雨课堂已适配MediaSession API,并在系统多任务界面中启用悬浮权限。
1、进入手机「设置」→「应用管理」→「雨课堂」→「特殊应用权限」→「显示在其他应用上方」,开启此权限。
2、播放课程视频后,点击手机「多任务键」(通常是屏幕底部中间方形键),在最近任务列表中长按雨课堂卡片,选择「启用画中画」选项。
3、部分机型(如小米、华为)需额外进入「设置」→「安全中心」→「授权管理」→「悬浮窗权限」,手动为雨课堂授予悬浮窗使用许可。
三、通过微信公众号临时启用小窗
当App端暂不支持画中画时,可借助微信内置浏览器的PiP能力绕过限制,前提是视频资源采用HTML5标准协议传输且未禁用playsinline属性。
1、在微信中关注「雨课堂」公众号,进入「我的课程」列表,找到目标课程并点击播放。
2、视频开始播放后,点击右上角「…」菜单,选择「在Safari中打开」(仅限iOS)或「在浏览器中打开」(Android需安装Chrome并设为默认)。
3、浏览器页面加载完成后,点击地址栏右侧「AA」图标,选择「请求桌面站点」,随后播放视频并按下Home键,视频将自动进入画中画模式。
四、强制启用画中画的开发者调试法
对于系统未识别视频控件的场景,可通过注入JavaScript指令重写video元素属性,使其兼容PiP调用接口。
1、iOS用户可在Safari中访问雨课堂网页版课程页,在地址栏输入javascript:document.querySelector('video').setAttribute('webkit-playsinline','');并回车执行。
2、Android用户需在Chrome浏览器中启用「开发者工具」,在Console面板粘贴以下代码并运行:document.querySelector('video').webkitSetPresentationMode('picture-in-picture')。
3、执行成功后,视频右下角将出现画中画图标,点击即可激活悬浮窗口;若报错,说明当前视频流被DRM加密或服务端禁用PiP。
五、检查课程内容是否支持画中画
并非所有雨课堂课程视频均启用画中画能力,其可用性取决于教师上传时的编码参数与平台转码策略,尤其是HLS/DASH流媒体封装方式及allow-pip响应头设置。
1、在课程播放页点击右上角「…」→「课程信息」,查看「视频格式」字段是否标注为「H.264+AAC」或「MP4」,非此格式可能不兼容。
2、尝试切换同一课程的不同章节,若仅某几段无法小窗,说明该片段由录屏软件直传未经过平台标准化转码,此时需联系授课教师重新上传符合PiP规范的版本。
3、在播放界面长按视频区域3秒,若弹出「画中画」快捷菜单,则表示当前视频已通过平台审核并开放该功能。











