Actualmente estoy tratando de hacer una aplicación pwa usando el marco vue para todos los teléfonos (Android y Apple) que usan cámara.

Usando mediaDevices, puedo habilitar la cámara y ver la transmisión de video en el teléfono. Esto funciona bien en Android, y puedo agregar un botón sobre el video para permitir que el usuario haga clic en él para capturar una foto.

El problema ocurre en Iphone. Cuando la cámara está encendida, parece que el video se muestra en pantalla completa, por encima de todos los demás widgets. En ese caso, ya no pude ver el botón en la capa superior. Si uso los 2 dedos para reducir el video en la pantalla, puedo ver el botón sobre el video y luego hacer clic para guardar la imagen.

¿Hay algo que me perdí con respecto a Iphone? Parece que, de forma predeterminada, cuando se inicia la cámara, se mostrará sobre todas las demás ventanas.

Cuando reduzco el tamaño, puedo ver las 2 flechas en la parte superior izquierda que permiten al usuario expandir el video en pantalla completa. Este es el botón nativo de Iphone... ¿Hay alguna opción de Iphone que permita al usuario iniciar en pantalla completa o no?

Cualquier ayuda será apreciada. Gracias.