Update index.html

index.html

@@ -327,7 +327,7 @@
             content.innerHTML = '<div class="category-header"><span class="icon">' + category.icon + '</span><h2>' + category.name + '</h2></div><div class="playlist-grid">' + 
                 category.playlists.map((pl, index) => {
                     const playlistId = extractPlaylistId(pl.url);
-                    const thumbnailUrl = 'https://i.ytimg.com/vi_webp/' + playlistId + '/mqdefault.webp';
+                    const thumbnailUrl = 'https://img.youtube.com/vi/' + playlistId.substring(2, 13) + '/mqdefault.jpg';
                     const fallbackUrl = 'https://via.placeholder.com/320x180/667eea/ffffff?text=' + encodeURIComponent(pl.title);
                     return '<a href="' + pl.url + '" target="_blank" class="playlist-card"><div class="playlist-thumbnail"><img src="' + thumbnailUrl + '" alt="' + pl.title + '" onerror="this.src=\'' + fallbackUrl + '\'"><div class="play-overlay"></div></div><div class="playlist-info"><div class="youtube-badge">▶ YOUTUBE</div><div class="playlist-title">' + pl.title + '</div><div class="playlist-meta"><span>📅 ' + today + '</span></div></div></a>';
                 }).join('') + '</div>';
@@ -366,7 +366,7 @@
                     content.innerHTML = '<div class="category-header"><span class="icon">🔍</span><h2>Search Results (' + results.length + ')</h2></div><div class="playlist-grid">' + 
                         results.map(result => {
                             const playlistId = extractPlaylistId(result.url);
-                            const thumbnailUrl = 'https://i.ytimg.com/vi_webp/' + playlistId + '/mqdefault.webp';
+                            const thumbnailUrl = 'https://img.youtube.com/vi/' + playlistId.substring(2, 13) + '/mqdefault.jpg';
                             const fallbackUrl = 'https://via.placeholder.com/320x180/667eea/ffffff?text=' + encodeURIComponent(result.title);
                             return '<a href="' + result.url + '" target="_blank" class="playlist-card"><div class="playlist-thumbnail"><img src="' + thumbnailUrl + '" alt="' + result.title + '" onerror="this.src=\'' + fallbackUrl + '\'"><div class="play-overlay"></div></div><div class="playlist-info"><div class="youtube-badge">▶ YOUTUBE</div><div class="playlist-title">' + result.title + '</div><div class="playlist-meta"><span>' + result.category.icon + ' ' + result.category.name + '</span><span>📅 ' + today + '</span></div></div></a>';
                         }).join('') + '</div>';