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()