From 19c4357794e74576f4f2967a5d8402fdea8d6cd2 Mon Sep 17 00:00:00 2001
From: Ethan <ethan@etekweb.net>
Date: Tue, 22 Mar 2022 19:35:15 -0500
Subject: [PATCH] hide status bar for video in fullscreen

---
 NUXT/pages/watch.vue | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/NUXT/pages/watch.vue b/NUXT/pages/watch.vue
index b170cec..b8fc79b 100644
--- a/NUXT/pages/watch.vue
+++ b/NUXT/pages/watch.vue
@@ -1,6 +1,14 @@
 <template>
   <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-title class="mt-2"
         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,
         dialogTitle: 'Share video',
       });
+    },
+    handleFullscreenChange() {
+      if (document.fullscreenElement === this.$refs.player) {
+        this.$vuetube.statusBar.hide();
+      } else {
+        this.$vuetube.statusBar.show();
+      }
     }
   },
   watch: {