Wie kann bei Videostart automatisch in den Fullscreenmodus gewechselt werden?

Hallo,

wie kann man am besten bei Videostart automatisch in den Fullscreenmodus wechseln?

Es geht mir um Videos, die ich auf voe.sx hochgeladen habe.

Der Fullscreen-Button hat folgende ID:

<button class="plyr__controls__item plyr__control" type="button" data-plyr="fullscreen">

Voller Auszug:

<button class="plyr__controls__item plyr__control" type="button" data-plyr="fullscreen">
  <svg class="icon--pressed" aria-hidden="true" focusable="false"><use xlink:href="#plyr-exit-fullscreen"></use></svg>
  <svg class="icon--not-pressed" aria-hidden="true" focusable="false">
    <use xlink:href="#plyr-enter-fullscreen"></use>
  </svg>
  <span class="label--pressed plyr__tooltip">Exit fullscreen</span>
  <span class="label--not-pressed plyr__tooltip">Enter fullscreen</span>
</button>

Danke.

Answer 1

[NackterGerd]

Aud einer Website darfst du nicht automatisch Fullscreen verwenden, zumindest nicht wenn das Video wie bei Youtube im Normalfall Cookies setzt

Also erst frühen was dein Player mit deinem Video macht

Answer 2

[regex9]

Für den Player gibt es eine JavaScript-API.

let inFullscreen = false;
const player = new Plyr("#idOfYourPlayerElement");
player.on("play", evt => {
  if (!inFullScreen) {
    player.fullscreen.enter();
  }
});
player.on("enterfullscreen", evt => inFullScreen = true);
player.on("exitfullscreen", evt => inFullScreen = false);