Pubblicato il 18 marzo 2026
A partire da Chrome 142, le app web che riproducono audio o video possono entrare automaticamente in modalità Picture in picture se registrano un gestore di azioni della sessione multimediale. Si tratta di un'ottima aggiunta per i lettori di musica e video, ma richiede agli sviluppatori di implementare esplicitamente il supporto.
Per offrire un'esperienza di multitasking multimediale fluida e migliorare la visibilità della funzionalità Picture in Picture (PiP), Chrome introduce la funzionalità Auto PiP avviata dal browser. Questa funzionalità consente a Chrome di aprire automaticamente una finestra PIP video per i siti che non hanno registrato un gestore di azioni della sessione multimediale. In questo modo, i tuoi contenuti multimediali rimarranno visibili quando cambi scheda.
Istruzioni
- Utilizza Chrome 142 o versioni successive su computer.
- Attiva "Browser initiated automatic picture in picture" (Picture in picture automatico avviato dal browser) in
chrome://flags/#browser-initiated-automatic-picture-in-picturee riavvia Chrome. - Vai a un sito web di video e riproduci un video (esempio).
- Passa a un'altra scheda di Chrome per attivare una finestra PIP video.
Come funziona
Quando riproduci contenuti multimediali e passi a un'altra scheda, Chrome può spostarli automaticamente in una finestra PIP video sempre in primo piano. A differenza della funzionalità esistente "Picture in picture automatico per la riproduzione multimediale", che supporta video o contenuti HTML arbitrari (utilizzando l'API Document Picture-in-Picture), le richieste avviate dal browser aprono sempre una finestra Picture in picture video standard.
Per garantire un'esperienza utente di alta qualità e non invasiva, Chrome attiva questo comportamento solo quando viene soddisfatto un insieme rigoroso di condizioni:
- L'URL del frame principale è sicuro secondo il servizio Navigazione sicura.
- I contenuti multimediali si trovano nel frame superiore.
- L'audio è stato udibile negli ultimi due secondi.
- I contenuti multimediali hanno la messa a fuoco audio e vengono riprodotti.
- Esiste un solo giocatore "normale", ovvero un elemento multimediale non disattivato che è stato riprodotto e non utilizza
MediaStream. - L'elemento multimediale deve avere una traccia video.
- Il sito non sta utilizzando attivamente la fotocamera o il microfono.
- È stata superata la soglia dell'indice di coinvolgimento con i contenuti multimediali dell'utente, il che indica un utilizzo frequente del sito. Questa condizione si applica se l'utente non ha consentito o negato esplicitamente la funzionalità.
- Al momento non è aperta alcuna finestra PIP. Se è già aperta un'altra finestra PIP, Chrome non attiva una transizione automatica.
enterpictureinpicture) e la funzionalità PIP automatica per la riproduzione di contenuti multimediali (in cui il sito ha registrato il gestore).Controllo e privacy degli utenti
La funzionalità PIP automatica avviata dal browser rispetta le stesse autorizzazioni e impostazioni utente delle richieste avviate dal sito. La prima volta che un sito entra automaticamente in modalità PIP, Chrome mostra agli utenti una finestra di dialogo di autorizzazione che chiede se vogliono consentire questo comportamento per il sito in futuro.
Gli utenti possono anche gestire queste autorizzazioni in qualsiasi momento tramite le "Impostazioni sito".
Controllo e disattivazione da parte dello sviluppatore
Sebbene questa funzionalità sia progettata per funzionare immediatamente per la maggior parte dei siti video, puoi disattivarla.
Implementare un proprio gestore
Se la tua app web registra già un gestore di azioni della sessione multimediale per l'azione enterpictureinpicture, la tua implementazione ha la precedenza e Chrome non avvia la propria transizione automatica.
Se vuoi personalizzare il comportamento quando Chrome ritiene che una transizione sia appropriata, il gestore di azioni enterpictureinpicture include un reason in MediaSessionActionDetails. Puoi verificare se reason è contentoccluded (il che significa che il browser ha avviato la richiesta perché la scheda era nascosta) e decidere come procedere.
navigator.mediaSession.setActionHandler("enterpictureinpicture", (details) => {
if (details.reason === "contentoccluded") {
// The browser suggests entering Picture-in-Picture.
// You can choose to open a standard video PiP or a Document PiP window, or do
// nothing (effectively blocking browser-initiated Auto Picture-in-Picture).
}
});
Best practice per la sessione multimediale
Con la funzionalità Auto PiP avviata dal browser, la configurazione della sessione multimediale aiuta Chrome a comprendere e interagire con i tuoi contenuti. Un MediaSession ben configurato garantisce che la finestra PIP offra un'esperienza di alta qualità con controlli e informazioni accurati per gli utenti.
Mantenere sincronizzata la barra di avanzamento
Se viene utilizzata l'API setPositionState e la posizione della sessione media non viene aggiornata correttamente, le finestre PiP mostrano una barra di avanzamento imprecisa durante la riproduzione dei contenuti multimediali. Per evitare questo problema, aggiorna o annulla sempre l'impostazione position state utilizzando navigator.mediaSession.setPositionState() in modo appropriato (ad esempio, quando l'origine media cambia o viene reimpostata), in modo che la finestra PIP rifletta la posizione corretta per la riproduzione dei contenuti multimediali.
const video = document.querySelector('video');
function updatePositionState() {
if ('setPositionState' in navigator.mediaSession) {
navigator.mediaSession.setPositionState({
duration: video.duration,
playbackRate: video.playbackRate,
position: video.currentTime,
});
}
}
// Update when metadata is loaded or when seeking happens.
video.addEventListener("loadedmetadata", updatePositionState);
video.addEventListener("seeked", updatePositionState);
Gestire le transizioni con facilità
Se il tuo sito riproduce automaticamente un episodio successivo, assicurati che i gestori di azioni e i metadati MediaSession rimangano attivi e precisi durante la transizione. Se i gestori di azioni vengono rimossi o annullati durante la transizione a un elemento "Avanti", la finestra PIP potrebbe perdere le funzionalità fornite dal gestore.
Attivare il controllo completo
Oltre alla riproduzione e alla pausa di base, valuta la possibilità di implementare i gestori per seekto, previoustrack e nexttrack. In questo modo, gli utenti possono navigare nei tuoi contenuti direttamente dalla finestra PIP senza tornare alla scheda originale.
navigator.mediaSession.setActionHandler("seekto", (details) => {
if (details.fastSeek && "fastSeek" in video) {
video.fastSeek(details.seekTime);
return;
}
video.currentTime = details.seekTime;
});
Partecipare e condividere feedback
Se hai feedback o riscontri problemi con questo comportamento, condividili su crbug.com.