vue-plyr
vue-plyr copied to clipboard
Controls disappears in full screen
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"