etc/VueTube
0
0
Fork 0
mirror of https://github.com/VueTubeApp/VueTube synced 2024-11-22 19:25:16 +00:00
Code Issues Projects Releases Wiki Activity

feat: ✨ Beta Player Toggle Controls

Browse source 
tap to toggle showing video controls
This commit is contained in:
Kenny 2022-05-04 09:08:41 -04:00
parent 64f5310262
commit bce23422e2
1 changed files with 11 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
NUXT/components/Player/controls.vue
View file

@ -1,6 +1,6 @@
<template>
<div class="videoControls">
<div class="videoControlsWrap">
<div class="controls" @click="toggleControls()">
<div class="controlsWrap" ref="controlsWrap">
<v-btn class="centerVideoControls" @click="togglePlaying()" text>
@ -25,14 +25,14 @@
min-width: 5em;
}
.videoControls {
.controls {
position: absolute;
width: 100%;
height: 100%;
top: 0;
}
.videoControlsWrap {
.controlsWrap {
position: relative;
width: 100%;
height: 100%;
@ -47,6 +47,7 @@
data() {
return {
playing: true,
controls: true,
}
},
@ -59,8 +60,14 @@
this.video.pause()
this.playing = false;
}
},
toggleControls() {
const setControls = this.controls ? 'none' : 'block';
this.$refs.controlsWrap.style.display = setControls;
this.controls = !this.controls;
}
}
}