From 6c0ce61d0b86e187b7e16d4bbeb0d7d942f1d499 Mon Sep 17 00:00:00 2001
From: Korbs <korbs@sudovanilla.org>
Date: Fri, 29 Nov 2024 21:39:39 -0500
Subject: [PATCH] Fix fullscreen button

---
 src/Controls/Controller.astro | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/Controls/Controller.astro b/src/Controls/Controller.astro
index 04b8c4d..a2e36d7 100644
--- a/src/Controls/Controller.astro
+++ b/src/Controls/Controller.astro
@@ -52,30 +52,30 @@ function Fullscreen() {
     if (document.fullscreenElement) {
       document.querySelector('#zorn-player-' + PlayerName + ' .vc-top').style.opacity = '0'
       document.querySelector('#zorn-player-' + PlayerName + ' .video-controls').style.background = 'linear-gradient(0deg, rgba(0,0,0,0.7523460067620799) 0%, rgba(0,0,0,0) 15%, rgba(0,0,0,0) 94%, rgba(0,0,0,0) 100%)'
-      document.querySelector('#zorn-player-' + PlayerName + ' .video-container .video-controls, .video-container video').style.borderRadius = '12px'
-      document.querySelector('#zorn-player-' + PlayerName + ' .video-container .video-controls').style.bottom = '4px'
-      document.querySelector('#zorn-player-' + PlayerName + ' .video-container .video-controls').style.height = 'calc(100% - 28px)'
+      Player.style.borderRadius = '12px'
+      VideoControls.style.bottom = '4px'
+      VideoControls.style.height = 'calc(100% - 28px)'
       document.exitFullscreen();
     } else if (document.webkitFullscreenElement) {
       document.querySelector('#zorn-player-' + PlayerName + ' .vc-top').style.opacity = '0'
       document.querySelector('#zorn-player-' + PlayerName + ' .video-controls').style.background = 'linear-gradient(0deg, rgba(0,0,0,0.7523460067620799) 0%, rgba(0,0,0,0) 15%, rgba(0,0,0,0) 94%, rgba(0,0,0,0) 100%)'
-      document.querySelector('#zorn-player-' + PlayerName + ' .video-container .video-controls, .video-container video').style.borderRadius = '12px'
-      document.querySelector('#zorn-player-' + PlayerName + ' .video-container .video-controls').style.bottom = '4px'
-      document.querySelector('#zorn-player-' + PlayerName + ' .video-container .video-controls').style.height = 'calc(100% - 28px)'
+      Player.style.borderRadius = '12px'
+      VideoControls.style.bottom = '4px'
+      VideoControls.style.height = 'calc(100% - 28px)'
       document.webkitExitFullscreen();
     } else if (VideoContainer.webkitRequestFullscreen) {
       document.querySelector('#zorn-player-' + PlayerName + ' .vc-top').style.opacity = '1'
       document.querySelector('#zorn-player-' + PlayerName + ' .video-controls').style.background = 'linear-gradient(0deg, rgba(0, 0, 0, 0.753) 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 91%, rgba(0, 0, 0, 1) 100%)'
-      document.querySelector('#zorn-player-' + PlayerName + ' .video-container .video-controls, .video-container video').style.borderRadius = '0'
-      document.querySelector('#zorn-player-' + PlayerName + ' .video-container .video-controls').style.bottom = '0px'
-      document.querySelector('#zorn-player-' + PlayerName + ' .video-container .video-controls').style.height = '100%'
+      Player.style.borderRadius = '0'
+      VideoControls.style.bottom = '0px'
+      VideoControls.style.height = '100%'
       VideoContainer.webkitRequestFullscreen();
     } else {
       document.querySelector('#zorn-player-' + PlayerName + ' .vc-top').style.opacity = '1'
       document.querySelector('#zorn-player-' + PlayerName + ' .video-controls').style.background = 'linear-gradient(0deg, rgba(0, 0, 0, 0.753) 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 91%, rgba(0, 0, 0, 1) 100%)'
-      document.querySelector('#zorn-player-' + PlayerName + ' .video-container .video-controls, .video-container video').style.borderRadius = '0'
-      document.querySelector('#zorn-player-' + PlayerName + ' .video-container .video-controls').style.bottom = '0px'
-      document.querySelector('#zorn-player-' + PlayerName + ' .video-container .video-controls').style.height = '100%'
+      Player.style.borderRadius = '0'
+      VideoControls.style.bottom = '0px'
+      VideoControls.style.height = '100%'
       VideoContainer.requestFullscreen();
     }
     Update_FullscreenButton()