diff --git a/html/poketube.ejs b/html/poketube.ejs index db5db6cd..3d1ba06a 100644 --- a/html/poketube.ejs +++ b/html/poketube.ejs @@ -2227,8 +2227,7 @@ a { border-radius: 6px; box-shadow: 0 13em 14em <%=color2%>; filter: blur(5px); - transition: opacity 0.2s ease; - opacity: 0; + opacity: 1; z-index: -1; } @@ -2244,8 +2243,7 @@ a { border-radius: 6px; box-shadow: 0 13em 14em <%=color2%>; filter: blur(5px); - transition: opacity 0.2s ease; - opacity: 0; + opacity: 1; z-index: -1; } @@ -3249,27 +3247,9 @@ function resumeProgress() { } } - function toggleOpacity() { - const element = document.getElementById('shadow'); // Replace 'yourElementId' with the ID of your element - const video = document.getElementById('video'); // Assuming your video element has an ID of 'video' - const currentOpacity = parseFloat(window.getComputedStyle(element).opacity); + - if (video.paused) { - return; - } - - if (currentOpacity === 1) { - element.style.transition = 'opacity 3s ease'; // Adjust the duration as needed - element.style.opacity = 0; - } else { - element.style.transition = 'opacity 3s ease'; // Adjust the duration as needed - element.style.opacity = 1; - } -} - - window.onload = function() { - setInterval(toggleOpacity, 1500); -}; + video.addEventListener('timeupdate', () => {