AngularJS: Come aprire il lettore video nativo sui telefoni cellulari

Question

Uso il plug-in AngularJS di vjs-video per il rendering dei video nella mia app. Sul desktop li mostra in ngDialog (collegando finestra di dialogo a ng-clic dell'elemento gallery)

Sta funzionando bene, ma sui dispositivi mobili voglio mostrare il player a schermo intero nativo subito dopo che l'utente ha cliccato (TAPpato) nella galleria. So come rilevare i dispositivi mobili e desktop nell'app Angular, ma cosa fare dopo? In questo momento l'utente deve toccare l'elemento della galleria e quindi viene visualizzata la finestra di dialogo, dopo che l'utente deve fare il secondo tocco sul player video.js nella finestra di dialogo e quindi il video inizia a giocare nel player nativo, ma voglio aprire il player nativo subito dopo il primo clic .

Answer 1

Hai provato JavaScript "requestFullscreen" api?

var elem = document.getElementById("myvideo"); 
if (elem.requestFullscreen) { 
    elem.requestFullscreen(); 
} 

Ecco un link al mozilla docs on this api.

E questo è un collegamento a screenfull.js, una libreria che dovrebbe rendere ancora più semplice.