哪些瀏覽器支援文件畫中畫 API？有哪些已知限制？

文件畫中畫 API (Document Picture-in-Picture API) 目前支援桌面版 Chrome 116+、Edge 116+、Opera 102+ 和 Firefox 151+。該 API 不支援任何行動瀏覽器，包括 Android Chrome、Android Firefox 和 iOS Safari。macOS Safari 也不支援。根據 Can I Use 的資料，全球瀏覽器覆蓋率約為 26.39%。

DualPiP 完全依賴這個 API 來建立始終置頂的浮動播放器，包括字幕、控制面板和學習模式等功能。如果你的瀏覽器不支援文件畫中畫 API，DualPiP 的核心功能將無法使用。

哪些桌面瀏覽器支援文件畫中畫？

所有基於 Chromium 核心的桌面瀏覽器 116 版本及以上均完全支援文件畫中畫 API。Firefox 從 2026 年的 151 版本開始支援。截至 2026 年 8 月，macOS Safari 不支援該 API。

文件畫中畫在手機上能用嗎？

不能。文件畫中畫 API 不支援任何行動瀏覽器。Android Chrome、Android Firefox、iOS Safari、Samsung Internet 以及所有其他行動瀏覽器都不支援。

Google Chromium 團隊表示，Android 的視窗系統不容易支援帶有互動內容的始終置頂視窗。Android 文件畫中畫的開發正在實驗性旗標後面進行，但沒有公佈穩定版發布日期。

如果你在行動裝置上有雙語字幕需求，CaptionGo 可以直接在影片頁面上顯示字幕，無需畫中畫。

PiP 視窗的標題列可以隱藏嗎？

不可以。PiP 視窗始終顯示標題列，包含網站來源資訊和關閉按鈕。這是瀏覽器強制的安全措施，目的是防止內容欺騙 — 使用者必須能夠識別哪個網站建立了浮動視窗。

disallowReturnToOpener 選項可以隱藏標題列內的「返回分頁」按鈕，但標題列本身無法移除或隱藏。Chrome 工程師在 WICG Issue #121 中確認了這一限制。

PiP 視窗內可以全螢幕嗎？

不可以。全螢幕 API 在文件畫中畫視窗內被明確禁用。這一限制已透過 WICG Issue #133 和 PR #153 正式寫入規範。

PiP 視窗可以手動調整到瀏覽器允許的最大尺寸。使用 DualPiP 的「適應視窗」按鈕（快速鍵 T）可以在限制範圍內最大化觀看區域。

PiP 視窗會搶佔鍵盤焦點嗎？

會。開啟文件畫中畫視窗時可能會從目前瀏覽器分頁搶佔鍵盤焦點。例如按 Ctrl+T 開啟新分頁時，PiP 視窗可能會擷取焦點而不是網址列。這是一個已知問題，記錄在 WICG Issue #146。

解決方法是在 PiP 視窗開啟後，點擊瀏覽器分頁或網址列來恢復焦點。

同時可以開啟幾個 PiP 視窗？

每個瀏覽器同一時間只允許開啟一個文件畫中畫視窗。開啟第二個 PiP 視窗會自動關閉第一個。這是 API 規範中瀏覽器強制執行的限制。

關閉或導覽原始分頁時 PiP 視窗會怎樣？

PiP 視窗與開啟它的分頁永久綁定。如果原始分頁被關閉、導覽到新頁面或重新整理，PiP 視窗會自動關閉。這意味著使用 DualPiP 畫中畫播放器時，原始影片頁面必須保持在背景開啟。

如何獲得最佳 DualPiP 使用體驗？

• •使用受支援的桌面瀏覽器：Chrome、Edge、Brave、Vivaldi 或 Arc（116+ 版本），或 Firefox 151+
• •最大化 PiP 視窗：按 T 鍵使影片適應視窗，或拖曳邊緣調整大小
• •使用鍵盤快速鍵：按 Ctrl+Shift+E 快速切換畫中畫模式
• •保持原始分頁開啟：使用畫中畫時不要關閉或導覽離開影片頁面
• •行動裝置字幕需求：試試 CaptionGo，可在任何平台的影片頁面上直接顯示雙語字幕

參考資料

• •Document Picture-in-Picture API — Chrome 開發者文件
• •Can I Use: DocumentPictureInPicture API
• •WICG 文件畫中畫規範
• •WICG GitHub Issues