From ae32d702fcf2cd9877ea3e778d3f781deb3432b0 Mon Sep 17 00:00:00 2001
From: Front <27463495+Frontesque@users.noreply.github.com>
Date: Sat, 23 Apr 2022 23:05:34 -0400
Subject: [PATCH 1/2] fix: :bug: Fix duplicate beta player

---
 NUXT/components/Player/index.vue | 2 ++
 NUXT/pages/watch.vue             | 1 +
 2 files changed, 3 insertions(+)

diff --git a/NUXT/components/Player/index.vue b/NUXT/components/Player/index.vue
index b8e6a09..5666e37 100644
--- a/NUXT/components/Player/index.vue
+++ b/NUXT/components/Player/index.vue
@@ -62,6 +62,8 @@ export default {
     const src = this.sources[this.sources.length - 1].url;
     this.vidSrc = src;
 
+    console.log(this.sources, src);
+
     setInterval(this.updateTiming, 100);
   },
 
diff --git a/NUXT/pages/watch.vue b/NUXT/pages/watch.vue
index 565d3eb..b37b6e2 100644
--- a/NUXT/pages/watch.vue
+++ b/NUXT/pages/watch.vue
@@ -13,6 +13,7 @@
         v-touch="{ down: () => $router.push('/home') }"
         class="background"
         :vid-src="vidSrc"
+        v-if="useBetaPlayer !== 'true'"
       />
     </div>
 

From 6da5ca92ef9655083a0d3e553fb39904a8cd7601 Mon Sep 17 00:00:00 2001
From: Front <27463495+Frontesque@users.noreply.github.com>
Date: Sun, 24 Apr 2022 00:07:05 -0400
Subject: [PATCH 2/2] fix: :bug: some player fixes

---
 NUXT/components/Player/index.vue | 14 ++++++++++----
 NUXT/pages/watch.vue             |  6 +++++-
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/NUXT/components/Player/index.vue b/NUXT/components/Player/index.vue
index 5666e37..0d87dd0 100644
--- a/NUXT/components/Player/index.vue
+++ b/NUXT/components/Player/index.vue
@@ -1,8 +1,8 @@
 <template>
   <div>
-    <div @click="toggleControls()" class="content" :style="showControls ? 'background: rgba(0, 0, 0, 0.5);' : '' ">
+    <div @click="toggleControls()" class="content">
 
-      <div v-show="showControls">
+      <div v-show="showControls" class="controls">
         <v-btn class="pausePlay" text @click="playing = !playing">
           <v-icon size="5em" color="white">mdi-{{ playing ? "pause" : "play" }}</v-icon>
         </v-btn>
@@ -54,6 +54,7 @@ export default {
 
   watch: {
     playing() {
+      console.log("Changed Playback State");
       this.playing ? this.$refs.player.play() : this.$refs.player.pause();
     },
   },
@@ -62,9 +63,11 @@ export default {
     const src = this.sources[this.sources.length - 1].url;
     this.vidSrc = src;
 
-    console.log(this.sources, src);
+    console.log("Beta Player Sources Debug:", this.sources, src);
 
-    setInterval(this.updateTiming, 100);
+    setTimeout(function() { this.$refs.player.play(); }, 1000); // Auto Play
+
+    setInterval(this.updateTiming, 100); // Auto Update Scrubber
   },
 
   methods: {
@@ -114,6 +117,9 @@ export default {
 }
 
 /***   General Overlay Styling   ***/
+.controls {
+  z-index: 999;
+}
 .pausePlay {
   position: absolute;
   top: 50%;
diff --git a/NUXT/pages/watch.vue b/NUXT/pages/watch.vue
index b37b6e2..7ce8649 100644
--- a/NUXT/pages/watch.vue
+++ b/NUXT/pages/watch.vue
@@ -5,7 +5,11 @@
         <v-icon>mdi-chevron-down</v-icon>
       </v-btn>
       <!--   VueTube Player V1   -->
-      <vuetubePlayer :sources="sources" v-if="useBetaPlayer === 'true'" />
+      <vuetubePlayer
+        :sources="sources"
+        v-if="useBetaPlayer === 'true' && sources.length > 0"
+      />
+
       <!--   Stock Player   -->
       <videoPlayer
         id="player"