vue.js requestFullscreen wywoływany automatycznie na starcie aplikacji

0

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 ?

0

Error Ci mówi, że się nie da :)
Wywoływanie full screena bez reakcji użytkownika ułatwia phishing (bo w fullscreenie rysujesz sobie okno przeglądarki, z fejkowym adresem https://moj-super-bezpieczny-bank.pl/ i zbierasz loginy).

Głupim workaroundem jest zapięcie click na całym body i przełączanie na fullscreen po pierwszym kliknięciu. Głupie, ale działa

1 użytkowników online, w tym zalogowanych: 0, gości: 1