讓 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 的線上視訊畫中畫播放了。

另外還有快捷鍵支援:Alt + P (⌥ + P ),可以非常容易的將畫中畫拖動到螢幕的任意位置,並且置頂顯示,瀏覽器允許最小化。可以在 Chrome 商店 安裝。
Firefox Nightly:Picture-in-Picture
目前的 Firefox 畫中畫需要超前測試版 Nightly 才能支援,也就是說你需要先鬥得過惡龍才行,不要怕。

具體步驟:
- 開啟 about:config 跳過惡龍
- 搜尋 media.videocontrols.picture-in-picture.enabled 點選切換,讓其變為 true
- 建議重啟瀏覽器
- 開啟視訊網址,並開始播放
- 請多次右鍵視訊,會隨機出現畫中畫選單(Nightly 就是這麼神奇)
- 畫中畫開啟

Chrome 與 Firefox 的畫中畫還是略有不同,Chrome 開啟畫中畫後,瀏覽器內的視訊將不再播放,而 Firefox 則相當於啟用了雙屏播放,畫中畫和原標籤頁同步播放。
但是,由於 Firefox Nightly 版本並不適合普通使用者,還是建議等待一段時間再使用的好。