让 Chrome 与 Firefox 实现系统级视频画中画效果（Picture-in-Picture）

Picture-in-Picture 画中画，可以让用户在使用 Chrome 或者 Firefox 浏览器观看视频的时候，让视频已画中画的样式呈现出来，并且支持将画中画窗口拖到浏览器以外，非常的方便。目前 Chrome 需要官方扩展支持，而 Firefox 还在测试之中，需要 Firefox Nightly 版本才能开启。@Appinn

今天有朋友来找浏览器的画中画功能，刚好想起了 Chrome 前阵子的官方画中画扩展，和 Firefox 正在测试的画中画效果。而另外一个浏览器 Safari 则早就原生实现了画中画功能。

Chrome：Picture-in-Picture Extension (by Google)

Picture-in-Picture Extension (by Google)就是所谓 Chrome 官方画中画扩展啦，使用简单，安装后就支持各大 HTML5 的在线视频画中画播放了。

让 Chrome 与 Firefox 实现系统级视频画中画效果（Picture-in-Picture） 2

另外还有快捷键支持：Alt + P (⌥ + P )，可以非常容易的将画中画拖动到屏幕的任意位置，并且置顶显示，浏览器允许最小化。可以在 Chrome 商店安装。

Firefox Nightly：Picture-in-Picture

目前的 Firefox 画中画需要超前测试版 Nightly 才能支持，也就是说你需要先斗得过恶龙才行，不要怕。

让 Chrome 与 Firefox 实现系统级视频画中画效果（Picture-in-Picture） 3

具体步骤：

打开 about:config 跳过恶龙
搜索 media.videocontrols.picture-in-picture.enabled 点击切换，让其变为 true
建议重启浏览器
打开视频网址，并开始播放
请多次右键视频，会随机出现画中画菜单（Nightly 就是这么神奇）
画中画开启

让 Chrome 与 Firefox 实现系统级视频画中画效果（Picture-in-Picture） 4

Chrome 与 Firefox 的画中画还是略有不同，Chrome 开启画中画后，浏览器内的视频将不再播放，而 Firefox 则相当于启用了双屏播放，画中画和原标签页同步播放。

但是，由于 Firefox Nightly 版本并不适合普通用户，还是建议等待一段时间再使用的好。

12 条留言

ggarlic 2019/03/06 回复

作为常年 firefox nightly 用户表示，其实普通用户用 nightly 一点问题也没有，除了每天升级，基本没啥幺蛾子

青小蛙 2019/03/06 回复

😂 每天升级

ggarlic 2019/03/06 回复

增量升级每次大概五六MB而已右上角会有提示

临渊 2019/03/06 回复

Picture-in-Picture Extension (by Google)没有进度条，用起来有点不方便。
Maple 2019/03/07 回复

chrome这个扩展要装的吗。。。怎么没感觉装过但是可以右键画中画呢。。。

Emphasia 2019/03/07 回复

我用Chrome自带的画中画好久了..青蛙是没升级嘛？
路过的路人 2019/03/10 回复

Chrome确实已经自带画中画，不过对于许多国内网站来说，播放器右键被自定义了，这个时候右键就没有办法开启画中画了。不过呢，如果有这个扩展的话，可以单击一下扩展就可以成功开启画中画了，但是缺点就是只会开启视频，弹幕不会出现在画中画中。

lyscop 2020/04/28 回复

百度云放视频就不支持，你说气人不气人，只能右键点点点

magic 2019/03/07 回复

360浏览器自带
123 2019/03/08 回复

centbrower不一直有这功能吗
永動姬 2019/03/09 回复

其实单纯提供一个快捷键方式还是不错的
GOD 2019/03/11 回复

还是用Yandex 浏览器吧，漂亮，基于chrome，无缝画中画最为方便了。

Chrome：Picture-in-Picture Extension (by Google)

Firefox Nightly：Picture-in-Picture

分享

相关

12 条留言

写留言