fix: add the stretch style class

frontend/components/Players/PlayerManager.vue

@@ -26,7 +26,10 @@
       <v-hover v-slot="{ hover }">
         <v-card class="player-card" width="100%">
           <v-container fill-height fluid class="pa-0 justify-center">
-            <shaka-player ref="videoPlayer" />
+            <shaka-player
+              ref="videoPlayer"
+              :stretch="stretchVideo && !playbackManager.isMinimized"
+            />
           </v-container>
           <!-- Mini Player Overlay -->
           <v-fade-transition>

frontend/components/Players/ShakaPlayer.vue

@@ -3,6 +3,7 @@
     <component
       :is="mediaElement"
       ref="shakaPlayer"
+      :class="{ stretch: stretch }"
       :poster="poster.url"
       autoplay
       crossorigin="anonymous"
@@ -69,6 +70,12 @@ declare global {
 }
 
 export default Vue.extend({
+  props: {
+    stretch: {
+      type: Boolean,
+      default: false
+    }
+  },
   data() {
     return {
       playbackInfo: {} as PlaybackInfoResponse,
@@ -482,4 +489,8 @@ video {
   width: 100%;
   height: 100%;
 }
+
+.stretch {
+  width: 100vw !important;
+}
 </style>