0

0

MAC的“画中画”功能怎么在任何网站使用_Mac Safari浏览器画中画视频播放

冰火之心

冰火之心

发布时间:2025-09-29 11:01:02

|

727人浏览过

|

来源于php中文网

原创

可通过右键菜单、标签页音频图标或安装Safari扩展实现Mac上Safari浏览器的画中画功能,提升视频悬浮播放兼容性。

mac的“画中画”功能怎么在任何网站使用_mac safari浏览器画中画视频播放

如果您在使用Mac的Safari浏览器观看网页视频时,希望将视频窗口悬浮显示以便同时进行其他操作,但发现部分网站不支持画中画功能,则可以通过以下方法实现更广泛的兼容性。

本文运行环境:MacBook Pro,macOS Sonoma

一、使用右键菜单启用画中画

部分主流视频网站(如YouTube、Vimeo)已原生支持Safari的画中画功能,可通过上下文菜单直接调用。该方法依赖网站本身对画中画API的支持。

1、在Safari中打开目标视频页面并开始播放视频。

2、将鼠标指针悬停在视频画面上,连续两次点击鼠标右键以展开完整选项菜单。

3、在弹出的菜单中选择“进入‘画中画’”选项。

4、视频将脱离网页,以可移动、可缩放的小窗口形式悬浮在屏幕上方。

二、通过标签页音频图标触发画中画

当视频正在播放时,Safari标签页上会显示音频活动图标。此方法利用浏览器集成的媒体控制功能,间接激活画中画模式,适用于部分未在视频控件中提供画中画按钮的网站。

1、播放您想要使用的视频内容。

Onu
Onu

将脚本转换为内部工具,不需要前端代码。

下载

2、在地址栏的标签页上找到并长按音频图标(扬声器形状)。

3、从弹出的菜单中选择“进入‘画中画’”命令。

4、视频画面将以独立窗口形式弹出,可在桌面任意位置移动。

三、安装Safari扩展增强兼容性

对于不支持原生画中画的网站,可通过安装第三方浏览器扩展来强制启用该功能。此类扩展通常注入脚本以激活HTML5视频的画中画接口。

1、打开Safari浏览器,进入“Safari 浏览器”菜单下的“设置”。

2、切换到“扩展”标签页,点击“更多扩展”查找可用插件。

3、搜索并安装如OverPicture等评价较高的画中画增强工具

4、安装完成后,在播放视频时点击浏览器工具栏新增的扩展按钮,即可将视频切换至画中画模式。

相关专题

更多
html5动画制作有哪些制作方法
html5动画制作有哪些制作方法

html5动画制作方法有使用CSS3动画、使用JavaScript动画库、使用HTML5 Canvas等。想了解更多html5动画制作方法相关内容,可以阅读本专题下面的文章。

496

2023.10.23

HTML与HTML5的区别
HTML与HTML5的区别

HTML与HTML5的区别:1、html5支持矢量图形,html本身不支持;2、html5中可临时存储数据,html不行;3、html5新增了许多控件;4、html本身不支持音频和视频,html5支持;5、html无法处理不准确的语法,html5能够处理等等。想了解更多HTML与HTML5的相关内容,可以阅读本专题下面的文章。

415

2024.03.06

硬盘接口类型介绍
硬盘接口类型介绍

硬盘接口类型有IDE、SATA、SCSI、Fibre Channel、USB、eSATA、mSATA、PCIe等等。详细介绍:1、IDE接口是一种并行接口,主要用于连接硬盘和光驱等设备,它主要有两种类型:ATA和ATAPI,IDE接口已经逐渐被SATA接口;2、SATA接口是一种串行接口,相较于IDE接口,它具有更高的传输速度、更低的功耗和更小的体积;3、SCSI接口等等。

980

2023.10.19

PHP接口编写教程
PHP接口编写教程

本专题整合了PHP接口编写教程,阅读专题下面的文章了解更多详细内容。

39

2025.10.17

macOS怎么切换用户账户
macOS怎么切换用户账户

在 macOS 系统中,可通过多种方式切换用户账户。如点击苹果图标选择 “系统偏好设置”,打开 “用户与群组” 进行切换;或启用快速用户切换功能,通过菜单栏或控制中心的账户名称切换;还能使用快捷键 “Control+Command+Q” 锁定屏幕后切换。

321

2025.05.09

苹果官网入口直接访问
苹果官网入口直接访问

苹果官网直接访问入口是https://www.apple.com/cn/,该页面具备0.8秒首屏渲染、HTTP/3与Brotli加速、WebP+AVIF双格式图片、免登录浏览全参数等特性。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

115

2025.12.24

拼豆图纸在线生成器
拼豆图纸在线生成器

拼豆图纸生成器有PixelBeads在线版、BeadGen和“豆图快转”;推荐通过pixelbeads.online或搜索“beadgen free online”直达官网,避开需注册的诱导页面。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

84

2025.12.24

俄罗斯搜索引擎yandex官方入口地址(最新版)
俄罗斯搜索引擎yandex官方入口地址(最新版)

Yandex官方入口网址是https://yandex.com。用户可通过网页端直连或移动端浏览器直接访问,无需登录即可使用搜索、图片、新闻、地图等全部基础功能,并支持多语种检索与静态资源精准筛选。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

553

2025.12.24

JavaScript ES6新特性
JavaScript ES6新特性

ES6是JavaScript的根本性升级,引入let/const实现块级作用域、箭头函数解决this绑定问题、解构赋值与模板字符串简化数据处理、对象简写与模块化提升代码可读性与组织性。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

155

2025.12.24

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Bootstrap 5教程
Bootstrap 5教程

共46课时 | 2.6万人学习

AngularJS教程
AngularJS教程

共24课时 | 2万人学习

CSS教程
CSS教程

共754课时 | 16.4万人学习

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

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