Skip to content

Controls disappears in full screen #515

@VladimirMoroz95

Description

@VladimirMoroz95

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"

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions