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

2 min


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

让 Chrome 与 Firefox 实现系统级视频画中画效果(Picture-in-Picture)
Photo by Jakob Owens on Unsplash

今天有朋友来找浏览器的画中画功能,刚好想起了 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

具体步骤:

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

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

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

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


Like it? Share with your friends!

0
DUN

Choose A Format
Story
Formatted Text with Embeds and Visuals
List
The Classic Internet Listicles
Countdown
The Classic Internet Countdowns
Open List
Submit your own item and vote up for the best submission
Ranked List
Upvote or downvote to decide the best list item
Video
Youtube and Vimeo Embeds