Hide overlays during hover preview

2026-03-13 15:40:11 +09:00
parent b78865d4bf
commit 27000dbf28
2 changed files with 6 additions and 3 deletions
@@ -135,6 +135,7 @@ function renderResults(results) {
    const node = cardTemplate.content.firstElementChild.cloneNode(true);
    const image = node.querySelector("img");
    const previewVideo = node.querySelector(".preview-hover");
+    const overlays = node.querySelectorAll(".preview-overlay");
    node.href = item.link;
    image.src = item.thumbnailUrl || "https://placehold.co/1280x720/0a0a0a/ffffff?text=Preview";
    image.alt = item.title;
@@ -145,6 +146,7 @@ function renderResults(results) {
      previewVideo.src = item.previewVideoUrl;
      previewVideo.poster = item.thumbnailUrl || "";
      node.addEventListener("mouseenter", () => {
+        overlays.forEach((overlay) => overlay.classList.add("hidden"));
        previewVideo.classList.remove("hidden");
        previewVideo.play().catch(() => {});
      });
@@ -152,6 +154,7 @@ function renderResults(results) {
        previewVideo.pause();
        previewVideo.currentTime = 0;
        previewVideo.classList.add("hidden");
+        overlays.forEach((overlay) => overlay.classList.remove("hidden"));
      });
    }
    searchResults.appendChild(node);