Migrate search to Vertex AI and enhance preview modal

frontend/app.js

@@ -15,6 +15,7 @@ const downloadResult = document.getElementById("downloadResult");
 const cardTemplate = document.getElementById("searchCardTemplate");
 const previewModal = document.getElementById("previewModal");
 const previewTitle = document.getElementById("previewTitle");
+const previewVideo = document.getElementById("previewVideo");
 const previewThumbnail = document.getElementById("previewThumbnail");
 const previewDuration = document.getElementById("previewDuration");
 const qualitySelect = document.getElementById("qualitySelect");
@@ -117,6 +118,17 @@ function openPreviewModal(preview) {
   previewTitle.textContent = preview.title;
   previewThumbnail.src = preview.thumbnail;
   previewThumbnail.alt = preview.title;
+  previewVideo.pause();
+  previewVideo.removeAttribute("src");
+  previewVideo.load();
+  if (preview.previewStreamUrl) {
+    previewVideo.src = preview.previewStreamUrl;
+    previewVideo.classList.remove("hidden");
+    previewThumbnail.classList.add("hidden");
+  } else {
+    previewVideo.classList.add("hidden");
+    previewThumbnail.classList.remove("hidden");
+  }
   previewDuration.textContent = preview.duration;
   qualitySelect.innerHTML = "";
   for (const item of preview.qualities || []) {
@@ -132,6 +144,9 @@ function openPreviewModal(preview) {
 }
 
 function closeModal() {
+  previewVideo.pause();
+  previewVideo.removeAttribute("src");
+  previewVideo.load();
   previewModal.classList.add("hidden");
   previewModal.classList.remove("flex");
   pendingDownload = null;