mirror of https://github.com/VueTubeApp/VueTube
hide status bar for video in fullscreen
This commit is contained in:
parent
10950f2993
commit
19c4357794
|
@ -1,6 +1,14 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<video controls autoplay :src="vidSrc" width="100%" style="max-height: 50vh" />
|
<video
|
||||||
|
controls
|
||||||
|
autoplay
|
||||||
|
:src="vidSrc"
|
||||||
|
width="100%"
|
||||||
|
@webkitfullscreenchange="handleFullscreenChange"
|
||||||
|
ref="player"
|
||||||
|
style="max-height: 50vh"
|
||||||
|
/>
|
||||||
<v-card v-if="loaded" class="ml-2 mr-2 background" flat>
|
<v-card v-if="loaded" class="ml-2 mr-2 background" flat>
|
||||||
<v-card-title class="mt-2"
|
<v-card-title class="mt-2"
|
||||||
style="padding-top: 0; padding-bottom: 0; font-size: 0.95rem; line-height: 1rem;"
|
style="padding-top: 0; padding-bottom: 0; font-size: 0.95rem; line-height: 1rem;"
|
||||||
|
@ -168,6 +176,13 @@ export default {
|
||||||
url: 'https://youtu.be/' + this.$route.query.v,
|
url: 'https://youtu.be/' + this.$route.query.v,
|
||||||
dialogTitle: 'Share video',
|
dialogTitle: 'Share video',
|
||||||
});
|
});
|
||||||
|
},
|
||||||
|
handleFullscreenChange() {
|
||||||
|
if (document.fullscreenElement === this.$refs.player) {
|
||||||
|
this.$vuetube.statusBar.hide();
|
||||||
|
} else {
|
||||||
|
this.$vuetube.statusBar.show();
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
|
|
Loading…
Reference in New Issue