Creé la aplicación de videollamadas usando webrtc, y creé con éxito la aplicación de videollamadas usando Cordova en Android e iOS.
A continuación, comencé a crear el modo Picture-in-Picture usando JavaScript en mi aplicación web que también funciona bien, pero mi aplicación móvil no es compatible con el modo de solicitud de imagen en imagen.
¿Cómo habilitar y controlar el modo JavaScript Picture-in-Picture en dispositivos Android e iOS?
async function videoShrink(video){ var video = document.getElementsByTagName("video")[0]; try { // If there is no element in Picture-in-Picture yet, request for it if (video !== document.pictureInPictureElement) { await video.requestPictureInPicture(); } // If Picture-in-Picture already exists, exit the mode else { await document.exitPictureInPicture(); } } catch (error) { // console.log(`Oh Horror! ${error}`); console.log(error); } }Hay algunos complementos que podría probar.
https://www.npmjs.com/package/cordova-plugin-pip
https://github.com/efoxbr/cordova-plugin-pip-modo
también echa un vistazo
https://github.com/collab-project/videojs-record/blob/master/examples/imagen-en-imagen.html