API de reproductor de vídeo nativo
Reproduzca transmisiones de vídeo en el reproductor nativo de iOS con soporte de imagen en imagen, activadas directamente desde su aplicación web.
La API de reproductor de vídeo nativo permite que su sitio web inicie una transmisión de vídeo en el reproductor nativo de iOS con soporte de imagen en imagen (Picture-in-Picture). Active la reproducción nativa abriendo un enlace con el prefijo startnativevideo://videostreamurl=:
<a href="startnativevideo://videostreamurl=YOUR_VIDEO_STREAM_URL">Reproducir vídeo en el reproductor del sistema con soporte PiP</a>
El usuario puede seguir viendo el vídeo en una ventana flotante de imagen en imagen mientras navega por su aplicación web o incluso por otras aplicaciones.
Casos de uso típicos:
- Transmisiones en directo que deben seguir reproduciéndose mientras el usuario navega por su aplicación web.
- Cursos en vídeo o tutoriales con los controles de reproducción del sistema.
- Cualquier vídeo que se beneficie de AirPlay, pantalla completa y de la función imagen en imagen del reproductor nativo.
Nota: Utilice una URL directa de la transmisión de vídeo (p. ej., un archivo .mp4 o una transmisión HLS .m3u8), no la URL de una página HTML que incruste el vídeo.
Notas de implementación estilo SDK
Trate esta función como una capacidad nativa expuesta a su capa web: mantenga su sitio web de producción o PWA como fuente de verdad y, a continuación, utilice los indicadores de configuración de WebViewGold, los comandos de URL y las llamadas del puente de JavaScript documentados para activar el comportamiento nativo de iOS solo donde aporte valor. Este enfoque mantiene su código fácil de mantener, porque la misma aplicación web puede servir a los navegadores, a WebViewGold para iOS y a las demás plataformas de WebViewGold con una lógica condicional mínima.
Para obtener resultados fiables, opte por puntos de conexión HTTPS, nombres de ruta estables, estados de éxito/error explícitos en su interfaz y pequeñas funciones auxiliares de JavaScript que envuelvan las llamadas nativas. Por ejemplo, una aplicación web creada con jQuery Mobile, Lovable, Base44, Bolt, WordPress, Bubble, una pila propia de React/Vue/Angular o HTML estático puede exponer un único botón o controlador de eventos que active la API nativa de WebViewGold y, aun así, muestre una alternativa elegante en el navegador.
- Patrón de integración recomendado: detecte el contexto de la app, llame a la API de WebViewGold y luego actualice su interfaz web tras la devolución de llamada nativa o el cambio de ruta.
- Lista de comprobación de pruebas: valide la función en un dispositivo real o en una compilación empaquetada, verifique los permisos y el texto de revisión de la tienda, y confirme que los usuarios que solo usan el navegador siguen recibiendo una alternativa útil.
- Ventaja para el SEO: mantenga las páginas de funciones, los títulos de ruta y el contenido estructurado indexables en su sitio web, mientras WebViewGold ofrece la carcasa nativa de la app para los usuarios de iOS.