From 14bf7434542b881a0ec66d743339fd483efa429e Mon Sep 17 00:00:00 2001
From: Bodi Ali <bodiali59@gmail.com>
Date: Wed, 23 Oct 2024 14:25:34 +0300
Subject: [PATCH] Fix: disabling loaderOverlay when video starts playing

---
 main.js | 32 ++++++++++++--------------------
 1 file changed, 12 insertions(+), 20 deletions(-)

diff --git a/main.js b/main.js
index 375ef62..d6cb96a 100644
--- a/main.js
+++ b/main.js
@@ -2,6 +2,8 @@ let pass = document.querySelector("#password");
 let confirmPass = document.querySelector("#confirmpass");
 let confirmPassSpan = document.querySelector(".confirmpassspan");
 let passSpan = document.querySelector(".passspan");
+let loaderOverlay = document.querySelector(".loader-overlay");
+let video = document.querySelector("#video");
 
 function validate() {
   if (pass.value !== confirmPass.value) {
@@ -16,28 +18,18 @@ function validate() {
     pass.setCustomValidity("");
   }
 }
+
 pass.addEventListener("input", validate);
 confirmPass.addEventListener("input", validate);
 
-document.addEventListener("DOMContentLoaded", function () {
-  let loaderOverlay = document.querySelector(".loader-overlay");
-  let video = document.querySelector("#video");
-  function fadeOutLoader() {
-    let fadeOutInterval = setInterval(function () {
-      if (loaderOverlay.style.opacity > 0) {
-        loaderOverlay.style.opacity -= 0.01;
-      } else {
-        clearInterval(fadeOutInterval);
-        loaderOverlay.style.display = "none";
-      }
-    }, 10);
-  }
-
-  video.addEventListener("play", function () {
-    fadeOutLoader();
-  });
+function fadeOutLoader() {
+  loaderOverlay.style.display = "none";
+}
 
-  setTimeout(function () {
-    fadeOutLoader();
-  }, 10000);
+video.addEventListener("playing", function () {
+  fadeOutLoader();
 });
+
+setTimeout(function () {
+  fadeOutLoader();
+}, 5000);