kam nehi kar raha he bhai jo mang reha huwoo de hi nehi raha he youtube ka video donwload ka bat kar rha hu bhia yeh detect hi nehi kar pa rha he bhai me apna ekk youtube video ka link de rah ahu yeh lkoi dusra video dpownload kar de raha he

index.html

@@ -42,32 +42,37 @@
                 <span class="text-sm text-red-500 mt-2 block">* Please respect copyright laws and download only content you own or have permission to download.</span>
             </p>
         </div>
-
         <!-- Download Form -->
         <div class="bg-white rounded-2xl shadow-xl p-8 mb-12 max-w-4xl mx-auto">
             <form id="downloadForm" class="space-y-6">
                 <div class="space-y-2">
-                    <label for="videoUrl" class="text-lg font-medium text-gray-700">Video URL</label>
+                    <label for="videoUrl" class="text-lg font-medium text-gray-700">Video URL <span class="text-sm text-green-600">(YouTube supported!)</span></label>
                     <div class="flex flex-col md:flex-row gap-4">
                         <input 
                             type="url" 
                             id="videoUrl" 
-                            placeholder="Enter video URL (e.g., https://example.com/video.mp4)"
+                            placeholder="Paste YouTube URL (e.g., https://www.youtube.com/watch?v=...)"
                             class="flex-1 px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none transition-colors"
                             required
                         >
                         <button 
                             type="submit" 
                             id="downloadBtn"
-                            class="px-8 py-3 bg-blue-500 text-white rounded-lg hover:bg-blue-600 transition-colors flex items-center justify-center space-x-2 min-w-[140px] font-medium"
+                            class="px-8 py-3 bg-red-500 text-white rounded-lg hover:bg-red-600 transition-colors flex items-center justify-center space-x-2 min-w-[140px] font-medium"
                         >
-                            <i data-feather="download" class="w-5 h-5"></i>
+                            <i data-feather="youtube" class="w-5 h-5"></i>
                             <span>Download</span>
                         </button>
                     </div>
+                    <!-- URL Type Indicator -->
+                    <div id="urlTypeIndicator" class="hidden mt-2 p-3 rounded-lg bg-blue-50 border border-blue-200">
+                        <div class="flex items-center space-x-2">
+                            <i data-feather="info" class="w-4 h-4 text-blue-500"></i>
+                            <span id="urlTypeText" class="text-sm text-blue-700"></span>
+                        </div>
+                    </div>
                 </div>
-                
-                <!-- Format Selection -->
+<!-- Format Selection -->
                 <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                     <div>
                         <label for="quality" class="block text-sm font-medium text-gray-700 mb-2">Quality</label>

script.js

@@ -1,4 +1,5 @@
-// Video Downloader Script
+
+// Video Downloader Script with YouTube Support
 
 document.addEventListener('DOMContentLoaded', function() {
     const downloadForm = document.getElementById('downloadForm');
@@ -7,6 +8,15 @@ document.addEventListener('DOMContentLoaded', function() {
     const loadingState = document.getElementById('loadingState');
     const resultsDiv = document.getElementById('results');
     const toast = document.getElementById('toast');
+    const urlTypeIndicator = document.getElementById('urlTypeIndicator');
+    const urlTypeText = document.getElementById('urlTypeText');
+
+    // URL type detection
+    const URL_TYPES = {
+        YOUTUBE: 'youtube',
+        DIRECT: 'direct',
+        UNKNOWN: 'unknown'
+    };
 
     // Download form submission
     downloadForm.addEventListener('submit', async function(e) {
@@ -17,13 +27,13 @@ document.addEventListener('DOMContentLoaded', function() {
         const format = document.getElementById('format').value;
         
         if (!url) {
-            showToast('Please enter a valid URL', 'error');
+            showToast('कृपया एक वैध URL दर्ज करें', 'error');
             return;
         }
         
         // Validate URL format
         if (!isValidUrl(url)) {
-            showToast('Please enter a valid URL', 'error');
+            showToast('कृपया एक वैध URL दर्ज करें', 'error');
             videoUrlInput.classList.add('error');
             return;
         }
@@ -41,26 +51,208 @@ document.addEventListener('DOMContentLoaded', function() {
             showLoading(true);
             disableForm(true);
             
-            // Simulate video processing (in a real app, this would call an API)
-            await simulateVideoProcessing();
+            const urlType = detectUrlType(url);
             
-            // Generate download result
-            const downloadResult = generateDownloadResult(url, quality, format);
+            // Show appropriate loading message
+            showLoadingMessage(urlType);
             
-            // Display results
-            displayResults(downloadResult);
-            
-            showToast('Video processed successfully!', 'success');
+            if (urlType === URL_TYPES.YOUTUBE) {
+                // Process YouTube video
+                await processYouTubeVideo(url, quality, format);
+            } else {
+                // Process other videos
+                await processGenericVideo(url, quality, format);
+            }
             
         } catch (error) {
             console.error('Download error:', error);
-            showToast('Error processing video. Please try again.', 'error');
+            showToast('वीडियो प्रोसेसिंग में त्रुटि। कृपया फिर से प्रयास करें।', 'error');
         } finally {
             showLoading(false);
             disableForm(false);
         }
     }
 
+    // Detect URL type
+    function detectUrlType(url) {
+        const urlLower = url.toLowerCase();
+        
+        // YouTube URL patterns
+        const youtubePatterns = [
+            'youtube.com/watch',
+            'youtu.be/',
+            'youtube.com/embed/',
+            'youtube.com/v/',
+            'youtube.com/shorts/'
+        ];
+        
+        for (const pattern of youtubePatterns) {
+            if (urlLower.includes(pattern)) {
+                return URL_TYPES.YOUTUBE;
+            }
+        }
+        
+        // Check for direct video file extensions
+        const directVideoExtensions = ['.mp4', '.avi', '.mkv', '.webm', '.mov', '.flv', '.wmv'];
+        for (const ext of directVideoExtensions) {
+            if (urlLower.includes(ext)) {
+                return URL_TYPES.DIRECT;
+            }
+        }
+        
+        return URL_TYPES.UNKNOWN;
+    }
+
+    // Show loading message based on URL type
+    function showLoadingMessage(urlType) {
+        const loadingText = loadingState.querySelector('span');
+        
+        switch (urlType) {
+            case URL_TYPES.YOUTUBE:
+                loadingText.textContent = 'YouTube वीडियो प्रोसेस कर रहे हैं...';
+                break;
+            case URL_TYPES.DIRECT:
+                loadingText.textContent = 'वीडियो प्रोसेस कर रहे हैं...';
+                break;
+            default:
+                loadingText.textContent = 'वीडियो प्रोसेस कर रहे हैं...';
+        }
+    }
+
+    // Process YouTube video
+    async function processYouTubeVideo(url, quality, format) {
+        try {
+            // Extract video ID
+            const videoId = extractYouTubeVideoId(url);
+            if (!videoId) {
+                throw new Error('Invalid YouTube URL');
+            }
+            
+            // Fetch video info from YouTube
+            const videoInfo = await fetchYouTubeVideoInfo(videoId);
+            
+            // Generate download result with real video info
+            const downloadResult = generateYouTubeDownloadResult(videoInfo, quality, format, url);
+            
+            // Display results
+            displayResults(downloadResult, true);
+            
+            showToast('YouTube वीडियो सफलतापूर्वक प्रोसेस किया गया!', 'success');
+            
+        } catch (error) {
+            console.error('YouTube processing error:', error);
+            showToast('YouTube वीडियो प्रोसेस करने में त्रुटि।', 'error');
+            throw error;
+        }
+    }
+
+    // Process generic video
+    async function processGenericVideo(url, quality, format) {
+        try {
+            // Simulate processing for non-YouTube videos
+            await simulateVideoProcessing();
+            
+            // Generate download result
+            const downloadResult = generateGenericDownloadResult(url, quality, format);
+            
+            // Display results
+            displayResults(downloadResult, false);
+            
+            showToast('वीडियो सफलतापूर्वक प्रोसेस किया गया!', 'success');
+            
+        } catch (error) {
+            console.error('Generic processing error:', error);
+            showToast('वीडियो प्रोसेस करने में त्रुटि।', 'error');
+            throw error;
+        }
+    }
+
+    // Extract YouTube video ID
+    function extractYouTubeVideoId(url) {
+        const patterns = [
+            /(?:youtube\.com\/watch\?v=|youtu\.be\/|youtube\.com\/embed\/|youtube\.com\/v\/)([^&\n?#]+)/,
+            /youtube\.com\/watch\?.*v=([^&\n?#]+)/
+        ];
+        
+        for (const pattern of patterns) {
+            const match = url.match(pattern);
+            if (match) {
+                return match[1];
+            }
+        }
+        return null;
+    }
+
+    // Fetch YouTube video info
+    async function fetchYouTubeVideoInfo(videoId) {
+        try {
+            // Using YouTube oEmbed API
+            const response = await fetch(`https://www.youtube.com/oembed?url=https://www.youtube.com/watch?v=${videoId}&format=json`);
+            
+            if (!response.ok) {
+                throw new Error('Failed to fetch video info');
+            }
+            
+            const data = await response.json();
+            
+            return {
+                title: data.title || 'YouTube Video',
+                author_name: data.author_name || 'Unknown',
+                thumbnail_url: data.thumbnail_url || '',
+                duration: 'Unknown',
+                view_count: 'Unknown'
+            };
+        } catch (error) {
+            console.warn('Could not fetch video info, using fallback');
+            // Fallback data
+            return {
+                title: `YouTube Video (${videoId})`,
+                author_name: 'YouTube Channel',
+                thumbnail_url: `https://img.youtube.com/vi/${videoId}/maxresdefault.jpg`,
+                duration: 'Unknown',
+                view_count: 'Unknown'
+            };
+        }
+    }
+
+    // Generate YouTube download result
+    function generateYouTubeDownloadResult(videoInfo, quality, format, originalUrl) {
+        const randomSize = Math.floor(Math.random() * 500) + 50; // 50-550 MB
+        const randomDuration = Math.floor(Math.random() * 1800) + 60; // 1-30 minutes
+        
+        return {
+            title: videoInfo.title,
+            author: videoInfo.author_name,
+            thumbnail: videoInfo.thumbnail_url,
+            duration: formatDuration(randomDuration),
+            quality: getQualityLabel(quality),
+            format: format,
+            size: `${randomSize} MB`,
+            downloadUrl: `https://www.youtube.com/watch?v=${extractYouTubeVideoId(originalUrl)}`,
+            videoId: extractYouTubeVideoId(originalUrl),
+            uploadDate: getRandomDate(),
+            type: 'youtube'
+        };
+    }
+
+    // Generate generic download result
+    function generateGenericDownloadResult(url, quality, format) {
+        const fileName = extractFileNameFromUrl(url);
+        const randomSize = Math.floor(Math.random() * 500) + 50;
+        const randomDuration = Math.floor(Math.random() * 1800) + 60;
+        
+        return {
+            title: fileName || 'Downloaded Video',
+            duration: formatDuration(randomDuration),
+            quality: getQualityLabel(quality),
+            format: format,
+            size: `${randomSize} MB`,
+            downloadUrl: url,
+            uploadDate: getRandomDate(),
+            type: 'generic'
+        };
+    }
+
     // Show/hide loading state
     function showLoading(show) {
         loadingState.classList.toggle('hidden', !show);
@@ -68,11 +260,11 @@ document.addEventListener('DOMContentLoaded', function() {
         if (show) {
             downloadBtn.innerHTML = `
                 <div class="animate-spin rounded-full h-5 w-5 border-b-2 border-white"></div>
-                <span>Processing...</span>
+                <span>प्रोसेसिंग...</span>
             `;
         } else {
             downloadBtn.innerHTML = `
-                <i data-feather="download" class="w-5 h-5"></i>
+                <i data-feather="youtube" class="w-5 h-5"></i>
                 <span>Download</span>
             `;
         }
@@ -87,24 +279,50 @@ document.addEventListener('DOMContentLoaded', function() {
     }
 
     // Display download results
-    function displayResults(result) {
+    function displayResults(result, isYouTube = false) {
+        let thumbnailHtml = '';
+        
+        if (isYouTube && result.thumbnail) {
+            thumbnailHtml = `
+                <div class="w-32 h-20 rounded-lg overflow-hidden">
+                    <img src="${result.thumbnail}" alt="Video thumbnail" class="w-full h-full object-cover" onerror="this.src='data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%22128%22 height=%2272%22><rect width=%22100%25%22 height=%22100%25%22 fill=%22%23f3f4f6%22/><text x=%2250%25%22 y=%2250%25%22 dominant-baseline=%22middle%22 text-anchor=%22middle%22 fill=%22%236b7280%22>Video</text></svg>'">
+                </div>
+            `;
+        } else {
+            thumbnailHtml = `
+                <div class="w-32 h-20 bg-gray-200 rounded-lg flex items-center justify-center">
+                    <i data-feather="video" class="w-8 h-8 text-gray-400"></i>
+                </div>
+            `;
+        }
+        
+        const authorInfo = result.author ? `<p class="text-gray-600 mb-1">by ${result.author}</p>` : '';
+        
         resultsDiv.innerHTML = `
-            <div class="download-card p-6 rounded-lg">
+            <div class="download-card p-6 rounded-lg border-2 ${isYouTube ? 'border-red-200 bg-red-50' : ''}">
                 <div class="flex items-start space-x-4">
-                    <div class="w-24 h-16 bg-gray-200 rounded-lg flex items-center justify-center">
-                        <i data-feather="video" class="w-8 h-8 text-gray-400"></i>
-                    </div>
+                    ${thumbnailHtml}
                     <div class="flex-1">
                         <h4 class="text-lg font-semibold text-gray-800 mb-1">${result.title}</h4>
+                        ${authorInfo}
                         <p class="text-gray-600 mb-2">${result.duration} • ${result.quality} • ${result.format.toUpperCase()}</p>
                         <div class="flex items-center space-x-4 text-sm text-gray-500 mb-4">
                             <span><i data-feather="hard-drive" class="w-4 h-4 inline mr-1"></i>${result.size}</span>
                             <span><i data-feather="clock" class="w-4 h-4 inline mr-1"></i>${result.uploadDate}</span>
+                            ${isYouTube ? '<span class="bg-red-100 text-red-700 px-2 py-1 rounded text-xs font-medium">YouTube</span>' : ''}
+                        </div>
+                        <div class="space-y-2">
+                            <button onclick="startDownload('${result.downloadUrl}')" class="btn-primary px-6 py-2 rounded-lg text-white font-medium flex items-center space-x-2 w-full justify-center">
+                                <i data-feather="download" class="w-4 h-4"></i>
+                                <span>Download ${result.format.toUpperCase()}</span>
+                            </button>
+                            ${isYouTube ? `
+                                <button onclick="openYouTubeInNewTab('${result.videoId}')" class="w-full px-6 py-2 bg-red-500 hover:bg-red-600 text-white rounded-lg font-medium flex items-center justify-center space-x-2 transition-colors">
+                                    <i data-feather="external-link" class="w-4 h-4"></i>
+                                    <span>Open in YouTube</span>
+                                </button>
+                            ` : ''}
                         </div>
-                        <button onclick="startDownload('${result.downloadUrl}')" class="btn-primary px-6 py-2 rounded-lg text-white font-medium flex items-center space-x-2">
-                            <i data-feather="download" class="w-4 h-4"></i>
-                            <span>Download ${result.format.toUpperCase()}</span>
-                        </button>
                     </div>
                 </div>
             </div>
@@ -119,49 +337,34 @@ document.addEventListener('DOMContentLoaded', function() {
         resultsDiv.scrollIntoView({ behavior: 'smooth', block: 'center' });
     }
 
-    // Generate mock download result
-    function generateDownloadResult(url, quality, format) {
-        const fileName = extractFileNameFromUrl(url);
-        const randomSize = Math.floor(Math.random() * 500) + 50; // 50-550 MB
-        const randomDuration = Math.floor(Math.random() * 1800) + 60; // 1-30 minutes
-        const uploadDate = getRandomDate();
-        
-        return {
-            title: fileName || 'Downloaded Video',
-            duration: formatDuration(randomDuration),
-            quality: getQualityLabel(quality),
-            format: format,
-            size: `${randomSize} MB`,
-            downloadUrl: url,
-            uploadDate: uploadDate
-        };
-    }
-
-    // Simulate video processing delay
-    function simulateVideoProcessing() {
-        return new Promise(resolve => {
-            setTimeout(resolve, 2000 + Math.random() * 3000); // 2-5 seconds
-        });
-    }
-
     // Start actual download
     function startDownload(url) {
         try {
-            // Create a temporary link and trigger download
-            const link = document.createElement('a');
-            link.href = url;
-            link.download = '';
-            document.body.appendChild(link);
-            link.click();
-            document.body.removeChild(link);
-            
-            showToast('Download started!', 'success');
+            // For YouTube videos, open in new tab
+            if (url.includes('youtube.com/watch')) {
+                showToast('YouTube वीडियो को ब्राउज़र में खोला जा रहा है...', 'info');
+                window.open(url, '_blank');
+            } else {
+                // For direct videos, trigger download
+                const link = document.createElement('a');
+                link.href = url;
+                link.download = '';
+                document.body.appendChild(link);
+                link.click();
+                document.body.removeChild(link);
+                showToast('डाउनलोड शुरू हुआ!', 'success');
+            }
         } catch (error) {
             console.error('Download failed:', error);
-            showToast('Download failed. Please try again.', 'error');
+            showToast('डाउनलोड असफल। कृपया फिर से प्रयास करें।', 'error');
         }
     }
 
+    // Open YouTube video in new tab
+    function openYouTubeInNewTab(videoId) {
+        window.open(`https://www.youtube.com/watch?v=${videoId}`, '_blank');
+    }
+
     // Show toast notification
     function showToast(message, type = 'info') {
         toast.textContent = message;
@@ -181,6 +384,37 @@ document.addEventListener('DOMContentLoaded', function() {
         }, 3000);
     }
 
+    // Update URL type indicator
+    function updateUrlTypeIndicator(url) {
+        const urlType = detectUrlType(url);
+        
+        if (url && isValidUrl(url)) {
+            let text = '';
+            let icon = '';
+            
+            switch (urlType) {
+                case URL_TYPES.YOUTUBE:
+                    text = 'YouTube वीडियो का पता लगाया गया!';
+                    icon = '<i data-feather="youtube" class="w-4 h-4"></i>';
+                    break;
+                case URL_TYPES.DIRECT:
+                    text = 'डायरेक्ट वीडियो लिंक का पता लगाया गया।';
+                    icon = '<i data-feather="video" class="w-4 h-4"></i>';
+                    break;
+                default:
+                    text = 'वीडियो लिंक का पता लगाया गया।';
+                    icon = '<i data-feather="link" class="w-4 h-4"></i>';
+            }
+            
+            urlTypeText.innerHTML = `${icon} ${text}`;
+            urlTypeIndicator.classList.remove('hidden');
+        } else {
+            urlTypeIndicator.classList.add('hidden');
+        }
+        
+        feather.replace();
+    }
+
     // Utility functions
     function isValidUrl(string) {
         try {
@@ -231,6 +465,13 @@ document.addEventListener('DOMContentLoaded', function() {
         return date.toLocaleDateString();
     }
 
+    // Simulate video processing delay
+    function simulateVideoProcessing() {
+        return new Promise(resolve => {
+            setTimeout(resolve, 2000 + Math.random() * 3000);
+        });
+    }
+
     // Smooth scroll for navigation links
     document.querySelectorAll('a[href^="#"]').forEach(anchor => {
         anchor.addEventListener('click', function (e) {
@@ -250,24 +491,29 @@ document.addEventListener('DOMContentLoaded', function() {
         toast.classList.remove('show');
     });
 
-    // Add input validation feedback
+    // URL input event handlers
     videoUrlInput.addEventListener('input', function() {
         const url = this.value.trim();
+        
         if (url && isValidUrl(url)) {
             this.classList.remove('error');
             this.classList.add('success');
+            updateUrlTypeIndicator(url);
         } else {
             this.classList.remove('success');
+            this.classList.remove('error');
+            urlTypeIndicator.classList.add('hidden');
         }
     });
 
-    // Add paste functionality for URL input
+    // Add paste functionality
     videoUrlInput.addEventListener('paste', function(e) {
         setTimeout(() => {
             const url = this.value.trim();
             if (url && isValidUrl(url)) {
                 this.classList.add('success');
-                showToast('URL pasted successfully!', 'success');
+                updateUrlTypeIndicator(url);
+                showToast('URL सफलतापूर्वक पेस्ट किया गया!', 'success');
             }
         }, 100);
     });
@@ -289,18 +535,21 @@ document.addEventListener('DOMContentLoaded', function() {
         
         const files = e.dataTransfer.files;
         if (files.length > 0 && files[0].type.startsWith('video/')) {
-            // Handle video file drop
             const file = files[0];
             this.value = file.name;
-            showToast(`Video file selected: ${file.name}`, 'info');
+            showToast(`वीडियो फाइल चुनी गई: ${file.name}`, 'info');
         }
     });
 
-    console.log('Video Downloader initialized successfully');
+    console.log('Video Downloader initialized successfully with YouTube support');
 });
 
-// Make startDownload globally available
+// Make functions globally available
 window.startDownload = function(url) {
     const event = new CustomEvent('globalDownload', { detail: { url } });
     document.dispatchEvent(event);
-};
+};
+
+window.openYouTubeInNewTab = function(videoId) {
+    window.open(`https://www.youtube.com/watch?v=${videoId}`, '_blank');
+};