Native-Video-Player-API
Spiele Videostreams im nativen iOS-Videoplayer mit Bild-in-Bild-Unterstützung ab — direkt aus deiner Web-App ausgelöst.
Die Native-Video-Player-API ermöglicht es deiner Website, einen Videostream im nativen iOS-Videoplayer mit Bild-in-Bild-Unterstützung (Picture-in-Picture) zu starten. Löse die native Wiedergabe aus, indem du einen Link mit dem Präfix startnativevideo://videostreamurl= öffnest:
<a href="startnativevideo://videostreamurl=YOUR_VIDEO_STREAM_URL">Video im System-Videoplayer mit PiP-Unterstützung abspielen</a>
Der Nutzer kann das Video in einem schwebenden Bild-in-Bild-Fenster weiterschauen, während er in deiner Web-App oder sogar in anderen Apps navigiert.
Typische Anwendungsfälle:
- Livestreams, die weiterlaufen sollen, während der Nutzer deine Web-App durchstöbert.
- Videokurse oder Tutorials mit systemweiten Wiedergabesteuerungen.
- Jedes Video, das von AirPlay, Vollbild und Bild-in-Bild-Unterstützung des nativen Players profitiert.
Hinweis: Verwende eine direkte Videostream-URL (z. B. eine .mp4-Datei oder einen HLS-.m3u8-Stream) — nicht die URL einer HTML-Seite, die das Video einbettet.
Implementierungshinweise im SDK-Stil
Betrachte diese Funktion als native Fähigkeit, die deiner Web-Ebene bereitgestellt wird: Behalte deine Produktivwebsite oder PWA als zentrale Quelle bei und nutze anschließend die dokumentierten WebViewGold-Konfigurationsflags, URL-Befehle und JavaScript-Bridge-Aufrufe, um natives iOS-Verhalten nur dort zu aktivieren, wo es einen Mehrwert bietet. So bleibt deine Codebasis wartbar, da dieselbe Webanwendung mit minimaler Fallunterscheidung Browser, WebViewGold für iOS und die übrigen WebViewGold-Plattformen bedienen kann.
Für zuverlässige Ergebnisse empfehlen sich HTTPS-Endpunkte, stabile Routennamen, explizite Erfolgs-/Fehlerzustände in deiner UI sowie kleine JavaScript-Hilfsfunktionen, die native Aufrufe kapseln. Beispielsweise kann eine mit jQuery Mobile, Lovable, Base44, Bolt, WordPress, Bubble, einem eigenen React-/Vue-/Angular-Stack oder statischem HTML erstellte Web-App eine einzelne Schaltfläche oder einen Event-Handler bereitstellen, der die native WebViewGold-API auslöst und dennoch einen sauberen Browser-Fallback zeigt.
- Empfohlenes Integrationsmuster: Erkenne den App-Kontext, rufe die WebViewGold-API auf und aktualisiere anschließend deine Web-UI nach dem nativen Callback oder Routenwechsel.
- Test-Checkliste: Prüfe die Funktion auf einem echten Gerät oder in einem paketierten Build, überprüfe Berechtigungen und Store-Prüftexte und stelle sicher, dass reine Browser-Nutzer weiterhin einen sinnvollen Fallback erhalten.
- SEO-Vorteil: Halte Feature-Seiten, Routentitel und strukturierte Inhalte auf deiner Website indexierbar, während WebViewGold die native App-Hülle für iOS-Nutzer bereitstellt.