Witam
Chciałem aby moja aplikacja vue (szczególnie na urządzeniach mobilnych) startowała w trybie pełnoekranowym. Mogę to zrobić na żądanie klikając buttonem.
Do div zawierającego mój główny element aplikacji dodałem ref myelelment, po kliknnięciu w button wywołuję requestFullscreen() na elemencie z referencją myelelment, który w zasadzie zawiera całą aplikację.
<div>
<button class="btn btn-primary" @click="fullScreen">GoFullScreen</button>
<div ref="myelelment" class="my-root-elem">
<app-root-component> </app-root-component>
</div>
</div>
methods: {
fullScreen(){
this.$refs.myelelment.requestFullscreen();
}
},
To działa bez problemu, jednak chciałbym aplikację otwierać automatycznie po wejściu na stronę w trybie full screen, dodałem do mounted wywołanie funkcji fullScreen.
mounted() {
this.fullScreen();
},
I tu już ta funkcjonalność nie działa, otrzymuję komunikat:
Failed to execute 'requestFullscreen' on 'Element': API can only be initiated by a user gesture.
Ma ktoś pomysł jak automatycznie uruchomić aplikację w trybie pełnoekranowym ?