vue-plyr icon indicating copy to clipboard operation
vue-plyr copied to clipboard

Controls disappears in full screen

Open VladimirMoroz95 opened this issue 1 year ago • 1 comments

Hi, plyr controls disappear when users open fullscreen mode with a double click.

<vue-plyr
  ref="plyr"
  :key="playerKey"
  :options="youtubePlayerVars"
  class="youtube-player"
>
  <div
    id="player"
    class="plyr__video-embed"
    @ready="emitReady"
    @playing="emitPlaying"
    @pause="emitPaused"
    @ended="emitEnded"
  >
    <iframe
      type="text/html"
      :src="`https://www.youtube.com/embed/${url}`"
      frameborder="0"
    />
  </div>

export const YOUTUBE_PLAYER_VARS = { autoplay: 1, modestbranding: 1, showinfo: 0, seekTime: 15, fullscreen: { enabled: true, fallback: true, iosNative: true, container: null as any, quality: { default: 720 } } };

"vue-plyr": "6.0.4"

VladimirMoroz95 avatar Apr 26 '23 10:04 VladimirMoroz95