Ingresa automáticamente al modo de pantalla en pantalla de video en más sitios

Benjamin Keen

François Beaufort

Fecha de publicación: 18 de marzo de 2026

A partir de Chrome 142, las apps web que reproducen audio o video pueden entrar automáticamente en el modo de pantalla en pantalla si registran un controlador de acciones de sesión de medios. Esta función es una gran incorporación para los reproductores de música y video, pero requiere que los desarrolladores implementen la compatibilidad de forma explícita.

Para proporcionar una experiencia de multitarea multimedia fluida y mejorar la visibilidad de la función de pantalla en pantalla (PiP), Chrome introduce la función de PiP automático iniciada por el navegador. Esta función permite que Chrome abra automáticamente una ventana de PIP de video para los sitios que no registraron un controlador de acciones de sesión de medios. Esto garantiza que tu contenido multimedia siga visible cuando cambies de pestaña.

Instrucciones

Usa Chrome 142 o una versión posterior en computadoras.
Habilita la opción "Browser initiated automatic picture in picture" en chrome://flags/#browser-initiated-automatic-picture-in-picture y reinicia Chrome.
Ve a un sitio web de videos y reproduce uno (ejemplo).
Cambia a otra pestaña de Chrome para activar una ventana PIP de video.

Cómo funciona

Cuando reproduces contenido multimedia y cambias a otra pestaña, Chrome puede mover automáticamente el contenido multimedia a una ventana de PIP de video que siempre se muestra en primer plano. A diferencia de la función existente "PIP automático para reproducción de contenido multimedia", que admite contenido de video o HTML arbitrario (con la API de Picture-in-Picture de Documento), las solicitudes iniciadas por el navegador siempre abren una ventana PIP de video estándar.

Para garantizar una experiencia del usuario de alta calidad y no intrusiva, Chrome activa este comportamiento solo cuando se cumple un conjunto estricto de condiciones:

La URL del marco superior es segura según el servicio de Navegación segura.
El contenido multimedia se encuentra en el marco superior.
El contenido multimedia se escuchó en los últimos dos segundos.
El contenido multimedia tiene el enfoque de audio y se está reproduciendo.
Existe un solo reproductor "normal", es decir, un elemento multimedia no silenciado que se reprodujo y no usa MediaStream.
El elemento multimedia debe tener una pista de video.
El sitio no está usando la cámara ni el micrófono de forma activa.
Se superó el umbral del Índice de participación en medios del usuario, lo que indica un uso frecuente del sitio. Esta condición se aplica si el usuario no permitió ni rechazó explícitamente la función.
Actualmente, no hay ninguna ventana de PIP abierta. Si ya hay otra ventana de PIP abierta, Chrome no activará una transición automática.

Comparación de la función de PiP automático iniciada por el navegador (sitio sin un controlador de acciones enterpictureinpicture) y la función de PiP automático para la reproducción de contenido multimedia (en la que el sitio registró el controlador).

Control y privacidad del usuario

El Auto PiP iniciado por el navegador respeta los mismos permisos y la misma configuración del usuario que las solicitudes iniciadas por el sitio. La primera vez que un sitio entra en el modo PIP automáticamente, Chrome les muestra a los usuarios un diálogo de permisos en el que se les pregunta si quieren permitir este comportamiento para el sitio en el futuro.

Los usuarios también pueden administrar estos permisos en cualquier momento a través de la "Configuración del sitio".

Control del desarrollador y opción de inhabilitación

Si bien esta función está diseñada para funcionar de forma predeterminada en la mayoría de los sitios de videos, puedes inhabilitar este comportamiento.

Implementa tu propio controlador

Si tu app web ya registra un controlador de acciones de sesión de medios para la acción enterpictureinpicture, tu implementación tendrá prioridad y Chrome no iniciará su propia transición automática.

Si deseas personalizar el comportamiento cuando Chrome cree que una transición es adecuada, el controlador de acciones enterpictureinpicture incluye un reason en el MediaSessionActionDetails. Puedes verificar si reason es contentoccluded (lo que significa que el navegador inició la solicitud porque la pestaña estaba oculta) y decidir cómo continuar.

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).
  }
});

Prácticas recomendadas para la sesión de medios

Con la función de PiP automático iniciada por el navegador, la configuración de tu sesión multimedia ayuda a Chrome a comprender tu contenido y a interactuar con él. Un MediaSession bien configurado garantiza que la ventana de PIP proporcione una experiencia de alta calidad con controles e información precisos para los usuarios.

Cómo mantener sincronizada la barra de progreso

Si se usa la API de setPositionState y la posición de la sesión de medios no se actualiza correctamente, las ventanas de PIP muestran una barra de progreso inexacta durante la reproducción de contenido multimedia. Para evitar esto, siempre actualiza o anula position state con navigator.mediaSession.setPositionState() según corresponda (por ejemplo, cuando cambia o se restablece la fuente de medios), de modo que la ventana de PIP refleje la posición correcta de los medios en reproducción.

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);

Controla las transiciones con facilidad

Si tu sitio reproduce automáticamente el siguiente episodio, asegúrate de que los controladores de acciones MediaSession y los metadatos permanezcan activos y precisos durante toda la transición. Si los controladores de acciones se quitan o no se configuran durante la transición a un elemento "Siguiente", es posible que la ventana de PIP pierda las capacidades que proporcionaba el controlador.

Habilitar el control total

Además de las funciones básicas de reproducción y pausa, considera implementar controladores para seekto, previoustrack y nexttrack. Esto permite que los usuarios naveguen por tu contenido directamente desde la ventana de PIP sin volver a la pestaña original.

navigator.mediaSession.setActionHandler("seekto", (details) => {
  if (details.fastSeek && "fastSeek" in video) {
    video.fastSeek(details.seekTime);
    return;
  }
  video.currentTime = details.seekTime;
});

Interactúa y comparte comentarios

Si tienes comentarios o problemas con este comportamiento, compártelos en crbug.com.

Ingresa automáticamente al modo de pantalla en pantalla de video en más sitios Organiza tus páginas con colecciones Guarda y categoriza el contenido según tus preferencias.