diff --git a/core/frontend/src/cards/js/video.js b/core/frontend/src/cards/js/video.js
index 6e763713a8..3336f7e6af 100644
--- a/core/frontend/src/cards/js/video.js
+++ b/core/frontend/src/cards/js/video.js
@@ -101,6 +101,25 @@
             });
         }
 
+        videoElementContainer.onmouseover = () => {
+            videoPlayerContainer.classList.remove("kg-video-hide");
+        }
+
+        videoElementContainer.onmouseleave = () => {
+            const isPlaying = !!(videoEl.currentTime > 0 && !videoEl.paused && !videoEl.ended && videoEl.readyState > 2);
+            if (isPlaying) {
+                videoPlayerContainer.classList.add("kg-video-hide");
+            }
+        }
+
+        videoEl.onplay = () => {
+            largePlayIcon.classList.add("kg-video-hide");
+            videoOverlay.classList.add("kg-video-hide");
+            playIconContainer.classList.add("kg-video-hide");
+            pauseIconContainer.classList.remove("kg-video-hide");
+            videoPlayerContainer.classList.add("kg-video-hide");
+        };
+
         const handleOnPlay = () => {
             largePlayIcon.classList.add("kg-video-hide");
             videoOverlay.classList.add("kg-video-hide");