From bcf15940b6d99c990fe85979f302e23457fb770e Mon Sep 17 00:00:00 2001
From: FireMasterK <20838718+FireMasterK@users.noreply.github.com>
Date: Sat, 22 Jan 2022 23:09:29 +0000
Subject: [PATCH] Player element css improvements.

---
 src/components/VideoPlayer.vue | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/src/components/VideoPlayer.vue b/src/components/VideoPlayer.vue
index d3062688..3e6942a4 100644
--- a/src/components/VideoPlayer.vue
+++ b/src/components/VideoPlayer.vue
@@ -1,13 +1,6 @@
 <template>
-    <div class="w-full">
-        <div
-            ref="container"
-            data-shaka-player-container
-            style="width: 100%; height: 100%; background: #000"
-            :style="!isEmbed ? { 'max-height': '75vh', 'min-height': '250px' } : {}"
-        >
-            <video ref="videoEl" data-shaka-player class="w-full" :autoplay="shouldAutoPlay" :loop="selectedAutoLoop" />
-        </div>
+    <div ref="container" data-shaka-player-container :class="{ 'player-container': !isEmbed }">
+        <video ref="videoEl" data-shaka-player class="w-full" :autoplay="shouldAutoPlay" :loop="selectedAutoLoop" />
     </div>
 </template>
 
@@ -538,6 +531,10 @@ export default {
 </script>
 
 <style>
+.player-container {
+    @apply max-h-75vh min-h-64 bg-black;
+}
+
 .shaka-text-container > div {
     height: auto !important;
     width: auto !important;