Mac如何开启自带的“画中画”观看网页流媒体

畫卷琴夢

畫卷琴夢

发布时间:2026-07-15 14:26:20

|

492人浏览过

|

来源于php中文网

原创

Mac Safari画中画功能无需插件,支持Bilibili等主流平台:①播放时点控制栏“□ inside □”图标;②右键标签页扬声器图标选择;③长按地址栏喇叭图标;④快捷键Command+Shift+P;⑤QuickTime播本地视频启用。

mac如何开启自带的“画中画”观看网页流媒体

你正在Safari里看Bilibili新番,想一边写周报一边追更,又怕切到Word就黑屏——Mac系统自带的画中画功能就是干这个的,不装插件、不卡顿、拖到屏幕右上角也不会被Finder盖住。

用Safari播放控件一键开启

这是最直觉的操作路径,适用于YouTube、Vimeo、Apple TV+等主流平台,前提是网站已启用HTML5画中画标准。

第一步:在Safari中打开视频网页,比如https://www.bilibili.com/video/BV1xx411c7mu,点开任意视频开始播放。

第二步:鼠标悬停在视频画面上,等底部控制栏弹出来——如果没反应,先点一下视频区域唤醒它。

第三步:在控制栏右下角(有时是右上角)找那个【两个重叠的方框图标】,长得像□ inside □,不是音量按钮也不是全屏按钮,点它。

视频立刻跳出来变成独立窗口,自动置顶,拖到屏幕右上角也不会被Finder遮住。

用标签页扬声器图标右键触发

适合Bilibili、小红书这类自动播放视频但隐藏了PiP按钮的页面,系统靠音频活动识别媒体源,比等控件更可靠。

方法一:打开含自动播放视频的网页,等几秒确认标签页左侧出现实心扬声器图标(带声波纹或静音斜杠都算)。

方法二:右键点击那个扬声器图标→从菜单里选“进入‘画中画’”。

注意:如果右键没弹出该选项,说明当前标签页没真正播放音频——哪怕视频画面在动,也得有声音输出或未被静音拦截。

通过智能搜索栏长按调出

这个方法绕过所有播放器UI限制,只要页面里有可播放的媒体元素,就能从地址栏直接调用系统画中画功能。

火龙果写作 Mac版
火龙果写作 Mac版

火龙果写作提供 Windows、Mac、iOS、Android、网页端与办公插件等多端入口,适合日常写作、作文扩写、论文润色降重和查重场景。

下载

把光标移到Safari顶部的智能搜索栏(就是地址栏),找到里面那个小喇叭或静音图标,按住不放约1秒。

浮动菜单弹出后直接点“进入‘画中画’”,窗口默认出现在屏幕中央,松手就能拖。

用快捷键Command+Shift+P强制唤醒

当以上三种方式都失效时,比如某些企业内网视频页或自定义播放器,试试这个系统级快捷键——它不依赖页面按钮,只认Safari当前是否持有媒体焦点。

确保视频正在播放,且Safari窗口是前台激活状态(不是最小化或被其他App盖住)。

按下Command + Shift + P,如果页面支持Media Session API,视频会瞬间脱离网页;没反应就说明该站点禁用了PiP权限,需要去Safari偏好设置→“网站”→“画中画”里手动设为“允许”。

用QuickTime Player播本地流媒体录屏文件启PiP

如果你把网页视频录下来存成本地MP4/MOV,QuickTime Player也能直接启用画中画,完全不走浏览器。

使用QuickTime Player打开本地视频文件。

点击菜单栏“查看” → “进入画中画”。

视频窗口立即变为半透明悬浮窗,支持拖拽至屏幕任意角落,并保持在其他窗口上方。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

WorkBuddy
WorkBuddy

腾讯云推出的AI原生桌面智能体工作台

通义千问
通义千问

阿里巴巴推出的全能AI助手

Claude
Claude

Anthropic发布的与ChatGPT竞争的聊天机器人

Cursor
Cursor

一个新的IDE,使用AI来帮助您重构、理解、调试和编写代码。

Hermes Agent
Hermes Agent

一位与您共同成长的Agent

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
搜狐简单AI文案写作与运营办公教程
搜狐简单AI文案写作与运营办公教程

本专题整理搜狐简单AI文案写作功能,覆盖营销文案、小红书笔记、公众号文章、短视频脚本、商品文案、活动文案和办公写作场景。

9

2026.07.15

搜狐简单AI绘图与图片生成提示词教程
搜狐简单AI绘图与图片生成提示词教程

本专题聚焦搜狐简单AI绘图和AI图片生成能力,整理头像、海报、插画、国风、写实、电商图等场景的提示词模板和出图技巧。

5

2026.07.15

搜狐简单AI官网入口与新手使用教程
搜狐简单AI官网入口与新手使用教程

本专题整理搜狐简单AI官网入口、网页版登录、新手使用流程、核心功能和常见问题,帮助用户快速了解AI绘图、AI文案、图片编辑和素材社区功能。

4

2026.07.15

万兴天幕AI图片生成与设计创作教程
万兴天幕AI图片生成与设计创作教程

本专题围绕万兴天幕文生图片、局部重绘和参考生图能力,整理AI绘图教程、设计提案玩法、图片修改技巧和视觉素材生成方法。

0

2026.07.15

万兴天幕AI视频生成教程与Prompt提示词
万兴天幕AI视频生成教程与Prompt提示词

本专题聚焦万兴天幕文生视频、图生视频、视频续写和AI特效功能,整理提示词写法、镜头语言模板、案例教程和视频生成效果优化方法。

7

2026.07.15

Vidu图生视频教程大全
Vidu图生视频教程大全

Vidu图生视频专题围绕上传图片生成动态视频展开,整理参考图选择、运动描述、镜头推进、人物表情、产品展示、照片动起来和生成失败排查方法,适合把海报、头像、产品图和插画转成短视频的用户。

6

2026.07.15

问小白AI写作与内容创作教程
问小白AI写作与内容创作教程

本专题详解问小白AI写作功能,涵盖文章生成、文案创作、论文辅助、报告整理及创意写作等内容生产技巧,助您高效产出优质内容。

5

2026.07.15

Vidu文生视频教程大全
Vidu文生视频教程大全

Vidu文生视频专题聚焦通过文字描述生成视频,覆盖场景设定、人物动作、镜头语言、画面风格、时长控制、运动效果和提示词优化方法,帮助用户用Vidu快速生成短视频、广告片段和创意素材。

2

2026.07.15

万兴天幕AI官网入口与新手使用教程
万兴天幕AI官网入口与新手使用教程

本专题整理万兴天幕AI官网入口、创作广场登录方式、APP下载、新手使用流程、核心功能和常见问题,帮助用户快速了解这款AI视频图片音乐生成工具。

0

2026.07.15

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
安装 Xdebug 并配置 phpstorm
安装 Xdebug 并配置 phpstorm

共1课时 | 105人学习

PostgreSQL 教程
PostgreSQL 教程

共48课时 | 17.7万人学习

好课诞生记
好课诞生记

共20课时 | 6.8万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

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