网页观看中的画中画（Picture-in-Picture，简称PiP）是一种允许视频在独立小窗口中播放的功能，该窗口始终悬浮于其他应用或页面之上，便于用户一边浏览其他内容一边观看视频。要专业地设置这一功能，需要区分浏览器原生支持与网页自身提供的画中画控件两种途径。
首先，主流桌面浏览器如Google Chrome、Microsoft Edge和Mozilla Firefox均内置了画中画功能。在Chrome或Edge中，用户只需在播放视频的网页上，将鼠标悬停在视频画面上，视频右上角通常会出现一个“画中画”图标（类似一个矩形内嵌一个小矩形），点击该图标即可将当前视频弹出为独立小窗口。小窗口支持拖拽位置、调整大小，并带有播放/暂停、关闭等控制按钮。若右键点击视频画面（或单击视频两次），在弹出的上下文菜单中也会看到“画中画”选项，选择后同样可激活该模式。
对于Firefox浏览器，其画中画入口略有不同：在视频播放时，视频右上角会显示一个画中画浮标按钮（通常是一个蓝色或灰色的小图标），点击即可进入PiP模式。此外，Firefox还支持在地址栏输入about:preferences进入设置，在“一般”面板中找到“浏览”区域，勾选“启用画中画控件”来调整其显示方式。
需要特别注意的是，Safari浏览器在macOS上同样支持画中画。当使用Safari播放HTML5视频时，用户可按住视频画面上的控制键（⌃）并单击两次，或者右键点击视频选择“进入画中画”。在较新的macOS版本中，Safari也会在视频左上角显示一个画中画按钮。而在iOS/iPadOS的Safari中，点击全屏按钮旁的小图标即可开启PiP，之后返回主屏幕或切换到其他App时，视频会继续以悬浮小窗播放。
除了浏览器原生功能，许多视频网站（如YouTube、Bilibili、Vimeo等）也提供了自己的画中画按钮。以YouTube为例，其HTML5播放器在控制栏中明确包含一个画中画图标，直接点击即可弹出独立窗口。部分网站可能将此功能隐藏在右键菜单或“更多”选项中。若页面没有提供按钮，用户依然可以通过浏览器的原生入口（如右键菜单）来强制启用PiP，因为该功能作用于页面内的
为了使画中画功能可用，需要满足几个条件：第一，网页中的视频必须是通过HTML5 video标签嵌入的，且未禁用原生控制；第二，页面不能使用iframe时做特殊的安全限制（如权限策略阻止PiP）；第三，浏览器需更新到较新版本，因为旧版本可能不支持或存在兼容性问题。如果遇到无法开启画中画的情况，建议检查视频是否处于全屏模式——在全屏状态下，需要先退出全屏，再启动PiP。
此外，用户可以通过浏览器的快捷键快速进入或退出画中画。Chrome和Edge目前没有默认快捷键，但可以通过扩展程序或设置自定义；Firefox则支持在视频上直接按Ctrl+Shift+]（Windows/Linux）或Command+Shift+]（macOS）来切换画中画。Safari在快捷键方面没有统一标准，主要依赖鼠标操作。
对于高级用户，还可以利用JavaScript API来自定义网页中的画中画行为。开发者可通过调用document.pictureInPictureEnabled检测支持性，使用video.requestPictureInPicture()方法开启PiP，并监听'enterpictureinpicture'与'leavepictureinpicture'事件来管理状态。但普通用户无需理解这些技术细节，只需掌握上述浏览器层面的操作即可。
最后需要提醒的是，画中画窗口默认置顶，其大小和位置可由用户自由调整。在某些操作系统中，PiP窗口还支持平滑缩放与透明度调节。若希望恢复常规观看，只需点击PiP窗口内的关闭按钮，或再次调用浏览器的画中画入口即可退出。总之，掌握浏览器原生功能与网站自带按钮，即可轻松实现网页观看时的画中画设置，提升多任务处理效率。
查看详情
查看详情
