Google está trabajando en la introducción de un nuevo modo de imagen en imagen basado en un API del W3C para Google Chrome; los usuarios de Chrome Canary ya pueden habilitar la nueva funcionalidad en el navegador web, mientras que los usuarios que ejecutan otras versiones de Chrome tienen que esperar hasta que la función aterrice en sus versiones de navegador.
Update : Google habilitó el modo Picture-in-Picture en Google Chrome de forma predeterminada. Puedes saltarte la parte de “habilitación” de esta guía y pasar directamente a la parte de uso cuando hayas terminado con la introducción. La función funciona en YouTube sólo por ahora si no instalas la extensión; si instalas la extensión Picture-in-Picture (de Google), debería funcionar en la mayoría de los sitios de vídeo. Fin
La aplicación se basa en una API estandarizada para la funcionalidad picture-in-picture que mueve los vídeos que se reproducen en el navegador web en una pequeña ventana superpuesta que actúa independientemente de la ventana principal del navegador.
La nueva API de “picture-in-picture” funciona en la mayoría de los sitios por defecto; los editores de sitios web pueden utilizarla para personalizar la experiencia de “picture-in-picture” en sus sitios; es posible cambiar el tamaño de la interfaz de “picture-in-picture”, personalizar los controles, añadir restricciones o utilizarla para reunir datos estadísticos.
Apple implementó la API de imagen en imagen en Safari para Mac OS X e iOS, y Google decidió crear un experimento para Chrome para determinar si vale la pena implementar la API en la versión estable del navegador web.
Google planea lanzar el experimento en el Cromo 68 Beta y lo terminará cuando el Cromo 69 Estable sea lanzado. En otras palabras, el experimento se llevará a cabo entre el 7 de junio y el 30 de agosto de 2018.
Los usuarios de Google Chrome Canary pueden habilitar la compatibilidad con la función “Imagen en imagen” en el navegador web inmediatamente. Tengan en cuenta que la implementación no es superestable en este momento, pero que funciona en la mayoría de los sitios con contenido de vídeo.
Esto es lo que tienes que hacer:
Índice de contenido
Habilitar las banderas experimentales

Carga las siguientes tres URLs en la barra de direcciones del navegador Chrome y habilita la bandera experimental en Chrome Canary. Sugiero que habilites las tres y reinicies Chrome después (Chrome te pide que reinicies cuando cambies el estado de cualquiera de las tres preferencias).
- chrome://flags/#enable-experimental-web-platform-features — Permite características experimentales de la Plataforma Web que están en desarrollo.
- cromo://banderas/#enable-superficies-para-videos ..Habilitar la composición en una superficie en lugar de una capa de vídeo para los vídeos.
- chrome://flags/#enable-picture-in-picture — Habilitar la función Picture-in-Picture para videos

Descargue el siguiente archivo de GitHub y extráigalo en el sistema local. Incluye una extensión para Google Chrome que desbloquea la implementación del modo picture-in-picture en el navegador web cuando se instala.
Cargar las extensiones de chrome:// una vez hecho esto y deslizar el “Modo de desarrollo” para activar el Modo de desarrollo y la capacidad de cargar las extensiones locales en el navegador web.
Selecciona “load unpacked” y navega a la carpeta /src/ del archivo que has descomprimido en el sistema local.
Chrome debería cargar la nueva extensión “picture-in-picture” y añadir un icono a la barra de herramientas principal de Chrome.
Usar el modo Picture-in-Picture en Chrome

Active el icono de la extensión con un clic o toque en cualquier página con un vídeo para empujar el vídeo a la ventana emergente de imagen en imagen.
La aplicación tiene varias limitaciones en este momento:
- Sólo el primer vídeo se reproduce en el modo de imagen en imagen. El siguiente video, si la reproducción automática está activada, no se carga automáticamente en el modo, sino que se reproduce en la ventana principal del navegador.
- La página en la que está incrustado el vídeo debe permanecer abierta.
- En realidad, no puedes navegar a otra página en Chrome sin que la reproducción de vídeo vuelva a la ventana principal del navegador, pero puedes usar programas diferentes.
El modo picture-in-picture funciona en YouTube, Vimeo y muchos otros sitios de video automáticamente.
Opera Software implementó una solución personalizada de modo de imagen en imagen en el navegador de Opera. Aún no hay noticias de Microsoft o Mozilla en cuanto al soporte de la API.
Now You : ¿Ya usas el modo picture-in-picture? ¿Te gustaría verlo en tu navegador? (via Bleeping Computer)











