Mitkä selaimet tukevat Document Picture-in-Picture -rajapintaa ja mitä rajoituksia on?

Document Picture-in-Picture API on tuettu työpöytäselaimilla Chrome 116+, Edge 116+, Opera 102+ ja Firefox 151+. Se ei ole käytettävissä millään mobiiliselaimella, mukaan lukien Chrome Androidille, Firefox Androidille ja Safari iOS:lle. Safari macOS:llä ei myöskään tue sitä. Can I Use -palvelun mukaan maailmanlaajuinen selainpeitto on noin 26,39%.

DualPiP luottaa täysin tähän API:in luodakseen aina päällimmäisenä olevan kelluvan soittimen, jossa on tekstitykset, hallintapainikkeet ja oppimistila. Jos selaimesi ei tue Document PiP API:a, DualPiP:n ydintoiminnot eivät toimi.

Mitkä työpöytäselaimet tukevat Document Picture-in-Picture -rajapintaa?

Kaikki Chromium-pohjaiset työpöytäselaimet versiosta 116 alkaen tukevat täysin Document Picture-in-Picture API:a. Firefox lisäsi tuen versiosta 151 alkaen vuonna 2026. Safari macOS:lle ei tue API:a elokuussa 2026.

Toimiiko Document Picture-in-Picture mobiililaitteilla?

Ei. Document Picture-in-Picture API ei toimi millään mobiiliselaimella. Chrome Androidille, Firefox Androidille, Safari iOS:lle, Samsung Internet ja kaikki muut mobiiliselaimet eivät ole tuettuja.

Googlen Chromium-tiimi on todennut, että Androidin ikkunajärjestelmä ei helposti tue aina päällimmäisenä olevia ikkunoita, joissa on interaktiivista sisältöä. Android Document PiP:n kehitys on käynnissä kokeellisten lippujen takana, mutta vakaata julkaisupäivää ei ole ilmoitettu.

Mobiilin kaksikielisten tekstitystarpeiden osalta CaptionGo näyttää tekstitykset suoraan videosivulla ilman PiP:tä.

Voiko PiP-ikkunan otsikkopalkin piilottaa?

Ei. PiP-ikkuna näyttää aina otsikkopalkin, jossa on verkkosivuston alkuperä ja sulkemispainike. Tämä on selaimen pakollinen turvallisuustoimenpide sisällön väärentämisen estämiseksi — käyttäjien on aina pystyttävä tunnistamaan, mikä verkkosivusto loi kelluvan ikkunan.

disallowReturnToOpener-vaihtoehto voi piilottaa "palaa välilehteen" -painikkeen otsikkopalkissa, mutta itse otsikkopalkkia ei voi poistaa tai piilottaa. Chromen insinöörit ovat vahvistaneet tämän rajoituksen WICG Issue #121:ssä.

Voiko PiP-ikkunassa käyttää koko näyttöä?

Ei. Koko näytön API on nimenomaisesti poistettu käytöstä Document Picture-in-Picture -ikkunoissa. Tämä rajoitus virallistettiin spesifikaatiossa WICG Issue #133:n ja PR #153:n kautta.

PiP-ikkunan kokoa voi muuttaa manuaalisesti selaimen sallimiin enimmäismittoihin. Käytä DualPiP:n "Sovita näyttöön" -painiketta (pikanäppäin T) maksimoidaksesi katselualueen näiden rajojen puitteissa.

Varastaako PiP-ikkuna näppäimistön kohdistuksen?

Kyllä, Document PiP -ikkunan avaaminen voi varastaa näppäimistön kohdistuksen aktiiviselta selaimen välilehdeltä. Jos painat Ctrl+T avataksesi uuden välilehden, PiP-ikkuna voi kaapata kohdistuksen osoitepalkin sijaan. Tämä on tunnettu ongelma, jota seurataan WICG Issue #146:ssä.

Kiertotapa on napsauttaa selaimen välilehteä tai osoitepalkkia palauttaaksesi kohdistuksen PiP-ikkunan avaamisen jälkeen.

Kuinka monta PiP-ikkunaa voi olla auki samanaikaisesti?

Selaimessa saa olla auki vain yksi Document Picture-in-Picture -ikkuna kerrallaan. Toisen PiP-ikkunan avaaminen sulkee ensimmäisen automaattisesti. Tämä on selaimen pakottama rajoitus API-spesifikaatiossa.

Mitä PiP-ikkunalle tapahtuu kun suljen tai navigoin pois alkuperäisestä välilehdestä?

PiP-ikkuna on pysyvästi sidottu avaajaansa. Jos alkuperäinen välilehti suljetaan, navigoidaan uudelle sivulle tai päivitetään, PiP-ikkuna sulkeutuu automaattisesti. Tämä tarkoittaa, että DualPiP:n PiP-soitin vaatii alkuperäisen videosivun pysymistä auki taustalla.

Miten saan parhaan kokemuksen DualPiP:stä?

• •Käytä tuettua työpöytäselainta: Chrome, Edge, Brave, Vivaldi tai Arc (versio 116+), tai Firefox 151+
• •Maksimoi PiP-ikkuna: Paina T sovittaaksesi videon ikkunaan tai vedä reunoja muuttaaksesi kokoa
• •Käytä pikanäppäimiä: Paina Ctrl+Shift+E vaihtaaksesi nopeasti PiP-tilaan
• •Pidä alkuperäinen välilehti auki: Älä sulje tai navigoi pois videosivulta käyttäessäsi PiP:tä
• •Mobiilitekstitystarpeet: Kokeile CaptionGo:ta sivun sisäisille kaksikielisille tekstityksille millä tahansa alustalla

Viitteet

• •Document Picture-in-Picture API — Chrome Developers
• •Can I Use: DocumentPictureInPicture API
• •WICG Document PiP Specification
• •WICG GitHub Issues