script.js

@@ -14,15 +14,33 @@ document.getElementById('search-button').addEventListener('click', async () => {
 
         videos.forEach(video => {
             const listItem = document.createElement('li');
-            let url = `https://ubertuberbe.nodemixaholic.com/download?url=${encodeURIComponent(video.url)}`
             listItem.innerHTML = `
                 <strong>${video.title}</strong> (${video.views} views) by ${video.author}
                 <br>
-                <a href="${url}" class="download-link" data-url="${video.url}">Watch</a>
+                <a href="#" class="download-link" data-url="${video.url}">Watch</a>
             `;
             resultsList.appendChild(listItem);
         });
 
+        // Add event listeners to download links
+        document.querySelectorAll('.download-link').forEach(link => {
+            link.addEventListener('click', async (e) => {
+                e.preventDefault();
+                const videoUrl = e.target.dataset.url;
+                const downloadResponse = await fetch(`https://ubertuberbe.nodemixaholic.com/download?url=${encodeURIComponent(videoUrl)}`);
+                //const blob = await downloadResponse.blob();
+
+                //const url = window.URL.createObjectURL(blob);
+                const a = document.createElement('a');
+                a.style.display = 'none';
+                a.href = url;
+                //a.download = 'video.mp4'; // You might want to set this dynamically
+                document.body.appendChild(a);
+                a.click();
+                window.URL.revokeObjectURL(url);
+            });
+        });
+
     } catch (error) {
         console.error('Error fetching videos:', error);
         alert('An error occurred while searching for videos.');