需手动启用画中画功能:一、右键视频选择“画中画”;二、点击地址栏媒体控制图标;三、开发者工具执行requestpictureinpicture();四、chrome://flags或edge://flags启用实验性支持;五、系统设置开启画中画全局权限。

如果您在使用有道精品课观看课程视频时,希望将视频以悬浮窗口形式持续播放以便同时进行其他操作,则需手动启用画中画功能。有道精品课网页版基于HTML5 video实现,但部分课程页面可能隐藏右键菜单或未主动暴露画中画控件,需通过多种方式触发浏览器原生Picture-in-Picture API。以下是具体操作步骤:
一、通过视频右键菜单启用画中画
该方法直接调用浏览器内置的画中画支持,依赖有道精品课视频元素符合HTML5规范且未被JavaScript禁用上下文菜单。实际生效前提是视频已加载并处于可播放状态。
1、打开有道精品课官网,登录账号后进入目标课程视频播放页。
2、点击播放按钮,确保视频画面已渲染并开始播放(静音或暂停状态可能无法激活右键选项)。
3、将鼠标精确悬停于视频播放区域内部,单击鼠标右键。
4、在弹出的菜单中查找“画中画”或“Picture in Picture”选项,点击启用。
二、使用地址栏媒体控制图标快速启动
Chrome与Edge浏览器在检测到网页媒体播放时,会在地址栏右侧自动生成媒体控制浮标,该入口独立于视频区域交互,可绕过有道精品课前端对右键菜单的屏蔽逻辑。
1、在有道精品课视频播放过程中,观察浏览器地址栏最右侧是否出现扬声器图标或微型播放器形状图标。
2、若图标出现,点击展开迷你控制面板。
3、在面板中定位并点击两个重叠矩形组成的画中画按钮。
4、视频即刻转入悬浮窗口,即使切换至其他标签页或最小化浏览器,播放仍持续进行。
三、通过开发者工具执行JavaScript命令强制启用
当有道精品课页面移除了video元素的controls属性或禁用了右键菜单,但底层video标签仍存在时,可通过控制台直接调用requestPictureInPicture()方法触发画中画。
1、确保视频正在播放,按下F12打开浏览器开发者工具。
2、切换至Console(控制台)标签页。
3、输入以下代码并回车:document.querySelector('video').requestPictureInPicture()。
4、若页面含多个video元素(如有广告视频、主课程视频),先运行document.querySelectorAll('video')确认索引,再使用例如document.querySelectorAll('video')[1].requestPictureInPicture()指定主课程视频。
四、启用浏览器实验性画中画支持
部分版本的Chrome或Edge可能默认关闭画中画底层开关,尤其在企业策略或旧系统环境中,需手动启用核心实验性功能以保障兼容性。
1、在Chrome中输入地址:chrome://flags/#enable-picture-in-picture并回车。
2、在Edge中输入地址:edge://flags/#enable-picture-in-picture并回车。
3、将对应选项下拉菜单设为Enabled。
4、页面底部点击Relaunch重启浏览器,使设置即时生效。
五、检查并开启系统级画中画全局权限
macOS与iOS/iPadOS系统设有独立的画中画开关,若未开启,即使浏览器设置正确,Safari或WebView容器内的有道精品课网页也无法启用该功能。
1、在macOS中,进入系统设置 > 通知与焦点 > 画中画,确保开关已打开。
2、在iPhone或iPad中,进入设置 > 通用 > 画中画,开启自动开启画中画选项。
3、返回有道精品课Safari页面,重新播放视频并尝试右上角画中画按钮或右键菜单。











