Chrome浏览器怎么让视频独立小窗口播放_视频画中画模式开启教程

Chrome浏览器支持画中画功能，可在观看网页视频时将视频窗口缩小并悬浮于屏幕一角。首先，主流视频网站可通过右键点击视频选择“画面画中画”直接启用；其次，对于未提供该选项的网站，可使用开发者工具执行JavaScript代码document.querySelector('video').requestPictureInPicture()强制开启；最后，若网站禁用相关接口，可安装“Floating for YouTube”等扩展程序实现兼容支持，提升多任务操作体验。

如果您在观看网页视频时希望将视频窗口缩小并悬浮在屏幕一角，以便同时进行其他操作，Chrome浏览器的画中画功能可以满足这一需求。该功能允许视频脱离页面独立播放，提升多任务处理体验。

本文运行环境：MacBook Pro，macOS Sonoma

一、通过右键菜单开启画中画

许多主流视频网站已支持Chrome原生画中画功能，用户可通过视频播放区域的右键菜单直接启用该模式。

1、播放您想要使用的视频内容，确保视频正在运行。

2、将鼠标悬停在视频画面上，点击鼠标右键调出上下文菜单。

3、在弹出的选项中选择“画面画中画”或类似命名的功能项。

4、视频窗口将自动脱离网页，以浮动小窗形式显示在桌面最前端。

二、使用JavaScript API强制启用

对于未提供右键选项的网站，可通过开发者工具执行JavaScript命令，调用浏览器的pictureInPictureWindow API来启动画中画模式。

1、在Chrome中打开目标视频页面，并暂停视频播放。

ChatGPT Website Builder

ChatGPT网站生成器，AI对话快速生成网站

165

查看详情

2、按下Option + Command + I打开开发者工具，切换到“Console”标签页。

3、输入以下代码并回车执行：document.querySelector('video').requestPictureInPicture()。

4、若页面存在多个video元素，需确认选择器准确指向正在使用的视频节点。

三、安装扩展程序增强支持

部分网站可能禁用了画中画接口，此时可通过第三方扩展为不兼容的站点添加强制支持。

1、访问Chrome网上应用店，搜索并安装名为“Floating for YouTube”或“Video in Picture”等具备画中画增强功能的扩展。

2、安装完成后，刷新视频页面，点击浏览器工具栏上的扩展图标。

3、按照扩展界面提示，启用浮动播放或画中画注入功能。

4、某些扩展支持自定义窗口大小与置顶行为，可根据需要调整设置。

以上就是Chrome浏览器怎么让视频独立小窗口播放_视频画中画模式开启教程的详细内容，更多请关注php中文网其它相关文章！