From f93f52051c9c9292a5547e0d809eee89ee040efc Mon Sep 17 00:00:00 2001
From: Kavin <20838718+FireMasterK@users.noreply.github.com>
Date: Tue, 22 Feb 2022 06:13:36 +0000
Subject: [PATCH] Center videos, and limit video size in embeds. (#848)

---
 src/components/VideoPlayer.vue | 9 +++++++--
 src/components/WatchVideo.vue  | 2 +-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/VideoPlayer.vue b/src/components/VideoPlayer.vue
index f40cd89e..78e5da1b 100644
--- a/src/components/VideoPlayer.vue
+++ b/src/components/VideoPlayer.vue
@@ -1,6 +1,11 @@
 <template>
-    <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
+        ref="container"
+        data-shaka-player-container
+        class="w-full max-h-screen flex justify-center"
+        :class="{ 'player-container': !isEmbed }"
+    >
+        <video ref="videoEl" class="w-full" data-shaka-player :autoplay="shouldAutoPlay" :loop="selectedAutoLoop" />
     </div>
 </template>
 
diff --git a/src/components/WatchVideo.vue b/src/components/WatchVideo.vue
index ba362062..0bb080cf 100644
--- a/src/components/WatchVideo.vue
+++ b/src/components/WatchVideo.vue
@@ -1,5 +1,5 @@
 <template>
-    <div v-if="video && isEmbed" class="absolute top-0 left-0 h-full w-full z-50">
+    <div v-if="video && isEmbed" class="absolute top-0 left-0 h-full w-full bg-black z-50">
         <VideoPlayer
             ref="videoPlayer"
             :video="video"