可通过谷歌浏览器画中画功能实现视频小窗悬浮播放。首先尝试右键视频选择“画中画”;若不支持,可用JavaScript命令调用API:在开发者工具Console输入document.querySelector('video').requestPictureInPicture();还可安装“Floating for YouTube”等扩展增强兼容性。

如果您在观看网页视频时希望将视频窗口以小窗形式持续显示在其他应用上方,以便同时进行其他操作,可以通过谷歌浏览器的画中画功能实现。该功能允许视频脱离当前页面独立悬浮播放。
本文运行环境:MacBook Pro,macOS Sonoma
一、通过视频右键菜单启用画中画
部分网站支持直接通过鼠标右键调出画中画选项,这是最快捷的开启方式。
1、在谷歌浏览器中打开视频网页,如YouTube或Bilibili。
2、将鼠标悬停在正在播放的视频上,点击视频区域使其获得焦点。
3、右键单击视频画面,在弹出的上下文菜单中查找“画中画”选项。
4、点击“画中画”后,视频将从原页面分离并以浮动小窗口形式显示在桌面最前端。
二、使用JavaScript命令强制开启画中画
当网站未提供右键菜单选项时,可通过执行脚本命令尝试调用浏览器底层画中画API。
1、确保当前页面只有一个视频正在播放,并记下其HTML元素标识。
2、按下 Command+Option+I(Mac)或 Ctrl+Shift+I(Windows) 打开开发者工具。
3、切换到“Console”标签页,输入以下代码并回车:
document.querySelector('video').requestPictureInPicture();
4、如果页面存在多个video元素,需指定具体目标,例如:
document.querySelectorAll('video')[0].requestPictureInPicture();
三、安装扩展程序增强画中画功能
某些第三方扩展可为不支持画中画的网站添加兼容层,提升功能可用性。
1、访问Chrome网上应用店,搜索关键词“画中画”或“Picture-in-Picture”。
2、选择评分较高且更新频繁的扩展,如“Floating for YouTube”或“PIP Controls”。
3、点击“添加至Chrome”完成安装,刷新视频页面后查看是否出现新的控制按钮。
4、部分扩展会在视频附近显示一个悬浮图标,点击即可进入画中画模式。











