Loosen source queries and replace Google embed

frontend/app.js

@@ -46,6 +46,9 @@ const resultModalFrame = document.getElementById("resultModalFrame");
 const resultModalMediaFrame = document.getElementById("resultModalMediaFrame");
 const resultModalVideo = document.getElementById("resultModalVideo");
 const resultModalThumbnail = document.getElementById("resultModalThumbnail");
+const resultModalGooglePanel = document.getElementById("resultModalGooglePanel");
+const resultModalGoogleImage = document.getElementById("resultModalGoogleImage");
+const resultModalGoogleText = document.getElementById("resultModalGoogleText");
 const resultModalOpenExternal = document.getElementById("resultModalOpenExternal");
 const resultModalDownload = document.getElementById("resultModalDownload");
 const closeResultModal = document.getElementById("closeResultModal");
@@ -59,6 +62,9 @@ const resultModalReady = Boolean(
   resultModalMediaFrame &&
   resultModalVideo &&
   resultModalThumbnail &&
+  resultModalGooglePanel &&
+  resultModalGoogleImage &&
+  resultModalGoogleText &&
   resultModalOpenExternal &&
   resultModalDownload &&
   closeResultModal,
@@ -407,10 +413,13 @@ function resetResultModalMedia() {
   resultModalVideo.pause();
   detachVideoSource(resultModalVideo);
   resultModalThumbnail.removeAttribute("src");
+  resultModalGoogleImage.removeAttribute("src");
+  resultModalGoogleText.textContent = "";
   resultModalMediaFrame.style.aspectRatio = "";
   setHidden(resultModalFrame, true, "");
   setHidden(resultModalVideo, true, "");
   setHidden(resultModalThumbnail, true, "");
+  setHidden(resultModalGooglePanel, true, "flex");
 }
 
 function showResultModalFrame(src) {
@@ -435,6 +444,13 @@ function showResultModalThumbnail(src, alt) {
   setHidden(resultModalThumbnail, false, "");
 }
 
+function showResultModalGooglePanel(item) {
+  resultModalGoogleImage.src = item.thumbnailUrl || PREVIEW_PLACEHOLDER;
+  resultModalGoogleImage.alt = item.title || "";
+  resultModalGoogleText.textContent = item.snippet || item.reason || "YouTube 페이지 열기 또는 Direct Download를 사용할 수 있습니다.";
+  setHidden(resultModalGooglePanel, false, "flex");
+}
+
 function renderResults(results) {
   searchResults.innerHTML = "";
   if (!results.length) {
@@ -512,7 +528,7 @@ function openResultModal(item) {
   resultModalDownload.classList.toggle("hidden", !canDirectDownload);
   resetResultModalMedia();
   if (item.source === "Google Video") {
-    showResultModalFrame(buildResultModalEmbedURL(item));
+    showResultModalGooglePanel(item);
   } else {
     showResultModalFrame(item.link || "about:blank");
   }