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

畫卷琴夢

畫卷琴夢

2026-07-15

512人浏览

原创

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按钮的页面,系统靠音频活动识别媒体源,比等控件更可靠。

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

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

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

Go语言(Golang)Mac版
Go语言(Golang)Mac版

Go语言(Golang)Mac版适用于 macOS 开发者搭建本地 Go 工具链,支持快速编译、内置并发、模块管理和跨平台项目开发。

下载

通过智能搜索栏长按调出

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

把光标移到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打开本地视频文件。

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

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

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
墨刀AI提示词教学
墨刀AI提示词教学

本合集由PHP中文网精心整理,为您提供全面的墨刀AI提示词教学。内容涵盖高质量原型撰写公式与实操窍门,助您轻松掌握AI设计工具。无论是零基础入门还是进阶技巧,都能让您快速上手,大幅提升产品设计与协作效率。

2026.08.04

0

21

墨刀AI完整入门
墨刀AI完整入门

PHP中文网为您倾力打造墨刀AI保姆级入门指南完整版!本合集从零基础讲起,涵盖AI生成原型、提示词优化、图片转原型及多轮对话等核心功能。无论您是新手还是进阶用户,都能轻松掌握产品设计全流程。快来PHP中文网,一键解锁高效设计技巧,让想法即刻成型!

2026.08.04

0

20

墨刀AI进阶技巧
墨刀AI进阶技巧

本合集由PHP中文网精心整理,为您提供墨刀AI核心进阶策略指南。内容涵盖高效提示词写作、原型智能生成与微调、结构化导图制作及行业分析报告输出等实战技巧。助您轻松掌握AI设计工具,大幅提升产品设计与团队协作效率。

2026.08.04

0

14

火山引擎实名认证失败怎么办
火山引擎实名认证失败怎么办

火山引擎实名认证失败可能与证件信息填写错误、姓名或企业信息不一致、证件照片不清晰、营业执照状态异常、手机号验证失败或审核资料不完整有关。本专题整理个人认证、企业认证、资料上传、审核退回、重新提交和认证不通过的常见处理方法。

2026.08.04

2

10

火山引擎域名备案流程详解
火山引擎域名备案流程详解

火山引擎域名备案适合需要在火山引擎云服务器、对象存储、CDN或网站服务上绑定域名的用户参考。本专题整理备案入口、账号实名认证、备案类型选择、主体信息填写、网站信息提交、资料上传、初审核验、管局审核和备案失败排查,帮助用户完成网站上线前的备案流程。

2026.08.04

0

10

火山引擎DNS解析配置步骤
火山引擎DNS解析配置步骤

使用火山引擎DNS解析网站域名时,需要确认域名已完成管理接入,并正确配置服务器IP、CNAME地址或验证记录。本专题整理域名添加、记录类型选择、TTL设置、解析状态检查、备案和访问测试等流程,适合新手搭建网站时参考。

2026.08.04

0

10

火山引擎对象存储使用教程
火山引擎对象存储使用教程

火山引擎对象存储适合用于网站图片、视频文件、备份数据、静态资源和应用附件管理。本专题整理TOS控制台入口、存储桶创建、地域选择、权限设置、文件上传、访问链接生成、CDN加速、费用查看和常见上传或访问失败问题,帮助用户快速掌握对象存储基础操作。

2026.08.04

1

10

火山引擎云服务器使用教程
火山引擎云服务器使用教程

火山引擎云服务器使用教程适合第一次购买、部署和管理云服务器的用户参考。本专题整理控制台入口、实例创建、地域和配置选择、系统镜像设置、安全组放行、远程连接、网站部署、续费计费和常见连接失败问题,帮助用户快速完成云服务器基础使用流程。

2026.08.04

3

10

火山引擎API Key绑定大模型教程
火山引擎API Key绑定大模型教程

火山引擎API Key怎么绑定大模型适合需要在火山方舟、应用后台、脚本工具或AI编程软件中调用模型的开发者参考。本专题整理控制台服务开通、API Key创建、模型权限检查、模型ID选择、Base URL填写、调用测试和鉴权失败排查,帮助用户完成从密钥到模型调用的配置流程。

2026.08.04

2

10

热门下载

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

精品课程

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

共1课时 | 125人学习

PostgreSQL 教程
PostgreSQL 教程

共48课时 | 19万人学习

好课诞生记
好课诞生记

共20课时 | 6.9万人学习