Vilka webbläsare stöder Document Picture-in-Picture och vilka begränsningar finns?

Document Picture-in-Picture API stöds på datorwebbläsarna Chrome 116+, Edge 116+, Opera 102+ och Firefox 151+. Den är inte tillgänglig på någon mobilwebbläsare, inklusive Chrome för Android, Firefox för Android och Safari för iOS. Safari på macOS stöder den inte heller. Enligt Can I Use är den globala webbläsartäckningen cirka 26,39%.

DualPiP förlitar sig helt på detta API för att skapa sin alltid-överst flytande spelare med undertexter, kontroller och inlärningsläge. Om din webbläsare inte stöder Document PiP API kommer DualPiPs kärnfunktioner inte att fungera.

Vilka datorwebbläsare stöder Document Picture-in-Picture?

Alla Chromium-baserade datorwebbläsare version 116 eller senare stöder Document Picture-in-Picture API fullt ut. Firefox lade till stöd från version 151 år 2026. Safari för macOS stöder inte API:et per augusti 2026.

Fungerar Document Picture-in-Picture på mobila enheter?

Nej. Document Picture-in-Picture API fungerar inte på någon mobilwebbläsare. Chrome för Android, Firefox för Android, Safari för iOS, Samsung Internet och alla andra mobilwebbläsare stöds inte.

Googles Chromium-team har uppgett att Androids fönstersystem inte enkelt kan stödja alltid-överst fönster med interaktivt innehåll. Utvecklingen av Document PiP för Android pågår bakom experimentella flaggor, men inget stabilt releasedatum har annonserats.

För tvåspråkiga undertextbehov på mobilen visar CaptionGo undertexter direkt på videosidan utan att behöva PiP.

Kan PiP-fönstrets titelrad döljas?

Nej. PiP-fönstret visar alltid en titelrad med webbplatsens ursprung och en stängknapp. Detta är en obligatorisk webbläsarsäkerhetsåtgärd för att förhindra innehållsförfalskning — användare måste alltid kunna identifiera vilken webbplats som skapade det flytande fönstret.

Alternativet disallowReturnToOpener kan dölja knappen "tillbaka till flik" i titelraden, men själva titelraden kan inte tas bort eller döljas. Chrome-ingenjörer har bekräftat denna begränsning i WICG Issue #121.

Kan jag använda helskärm inuti ett PiP-fönster?

Nej. Helskärms-API:et är uttryckligen inaktiverat inuti Document Picture-in-Picture-fönster. Denna begränsning formaliserades i specifikationen genom WICG Issue #133 och PR #153.

PiP-fönstret kan manuellt ändras till de maximala dimensioner som webbläsaren tillåter. Använd DualPiPs "Anpassa till skärm"-knapp (genväg T) för att maximera visningsområdet inom dessa gränser.

Stjäl PiP-fönstret tangentbordsfokus?

Ja, att öppna ett Document PiP-fönster kan stjäla tangentbordsfokus från den aktiva webbläsarfliken. Om du trycker Ctrl+T för att öppna en ny flik kan PiP-fönstret fånga fokus istället för adressfältet. Detta är ett känt problem som spåras på WICG Issue #146.

En lösning är att klicka inuti webbläsarfliken eller adressfältet för att återställa fokus efter att PiP-fönstret öppnats.

Hur många PiP-fönster kan vara öppna samtidigt?

Endast ett Document Picture-in-Picture-fönster per webbläsare är tillåtet åt gången. Att öppna ett andra PiP-fönster stänger automatiskt det första. Detta är en webbläsartvingad begränsning i API-specifikationen.

Vad händer med PiP-fönstret när jag stänger eller navigerar bort från ursprungsfliken?

PiP-fönstret är permanent bundet till sin öppnarflik. Om ursprungsfliken stängs, navigeras till en ny sida eller uppdateras, stängs PiP-fönstret automatiskt. Det innebär att DualPiPs PiP-spelare kräver att den ursprungliga videosidan förblir öppen i bakgrunden.

Hur får jag den bästa upplevelsen med DualPiP?

• •Använd en stödd datorwebbläsare: Chrome, Edge, Brave, Vivaldi eller Arc (version 116+), eller Firefox 151+
• •Maximera PiP-fönstret: Tryck T för att anpassa videon till fönstret, eller dra kanterna för att ändra storlek
• •Använd tangentbordsgenvägar: Tryck Ctrl+Shift+E för att snabbt växla PiP-läget
• •Håll ursprungsfliken öppen: Stäng inte eller navigera bort från videosidan medan du använder PiP
• •För mobila undertextbehov: Prova CaptionGo för tvåspråkiga undertexter på sidan på alla plattformar

Referenser

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