谷歌浏览器如何开启画中画模式 谷歌浏览器视频小窗播放功能设置

冰火之心
发布: 2025-11-26 11:15:06
原创
646人浏览过
1、可通过右键菜单、视频按钮、开发者工具或扩展程序启用谷歌浏览器画中画功能,支持YouTube、Bilibili等网站;2、右键点击视频选择“画中画”即可悬浮播放;3、部分网站播放器自带画中画按钮,点击即可进入小窗模式;4、使用F12打开控制台,输入document.querySelector('video').requestPictureInPicture()可强制启用;5、安装如“Floating for YouTube”等扩展可增强兼容性并自定义设置。

谷歌浏览器如何开启画中画模式 谷歌浏览器视频小窗播放功能设置

如果您在观看网页视频时希望同时进行其他操作,可以启用谷歌浏览器的画中画功能,让视频以小窗口形式悬浮播放。该功能支持大多数主流视频网站,如 YouTube、Bilibili 等。

本文运行环境:Dell XPS 13,Windows 11

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

部分网站的视频支持直接通过鼠标右键调出画中画选项,这是最快速的启用方式。

1、在谷歌浏览器中打开视频页面并开始播放视频。

2、将鼠标指针悬停在视频画面上,点击鼠标右键。

3、在弹出的上下文菜单中选择“画中画”选项。

4、视频窗口将脱离页面,以可移动的小窗模式继续播放。

二、使用网页视频控制按钮开启

某些网站会在视频播放器内嵌画中画按钮,用户可通过点击该按钮直接启用小窗播放。

1、播放视频后,将鼠标移动到视频播放区域上方。

2、查找视频控制栏中的“画中画”图标(通常为两个重叠的矩形窗口)。

3、点击该图标,视频将自动进入画中画模式。

4、拖动小窗可在屏幕任意位置调整播放窗口位置。

腾讯云AI代码助手
腾讯云AI代码助手

基于混元代码大模型的AI辅助编码工具

腾讯云AI代码助手 172
查看详情 腾讯云AI代码助手

三、通过开发者工具强制启用画中画

对于未提供画中画按钮但技术支持的视频元素,可通过执行 JavaScript 命令手动触发。

1、在视频播放状态下,按下 F12 打开开发者工具

2、切换到“Console”(控制台)标签页。

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

4、若页面存在多个视频元素,需指定正确的 video 标签索引或类名。

四、安装扩展程序增强画中画功能

部分浏览器扩展可为不支持画中画的网站添加兼容性支持。

1、访问 Chrome 应用商店,搜索“画中画”扩展程序,如 “Floating for YouTube” 或 “Video in Picture”。

2、选择评分高且更新频繁的扩展,点击“添加至 Chrome”进行安装。

3、安装完成后,播放视频时扩展图标会亮起,点击即可启动画中画模式。

4、通过扩展设置可自定义窗口大小、默认位置及快捷键。

以上就是谷歌浏览器如何开启画中画模式 谷歌浏览器视频小窗播放功能设置的详细内容,更多请关注php中文网其它相关文章!

谷歌浏览器
谷歌浏览器

谷歌浏览器Google Chrome是一款可让您更快速、轻松且安全地使用网络的浏览器。Google Chrome的设计超级简洁,使用起来得心应手。这里提供了谷歌浏览器纯净安装包,有需要的小伙伴快来保存下载体验吧!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号