Haz clic para ver el listado de IPTV en España y otros países

.contact-block { text-align: center; margin: 20px 0; } .contact-block p { margin-bottom: 10px; } .contact-button { background-color: red; color: white; border: none; padding: 10px 20px; text-decoration: none; border-radius: 5px; font-size: 16px; cursor: pointer; display: inline-block; /* Ensures the button centers correctly */ margin: 5px; /* Adds spacing between buttons */ } Si tiene alguna pregunta o inquietud, no dude en contactarnos.Nos encantar&iacute;a saber de usted, cont&aacute;ctenos en:WhatsApp Telegram Ir a la p&aacute;gina de inicio y al paquete de IPTVEmail: hanfir@live.cn .m3u-channel-list { display: flex; margin: 0; padding: 0; height: 100vh; } .m3u-channel-list .sidebar, .m3u-channel-list .content { overflow-y: auto; } .m3u-channel-list .sidebar { width: 30%; background-color: #aa151b; color: #ffcc00; } .m3u-channel-list .content { width: 70%; background-color: #ddd; } .fixed-title { position: sticky; top: 0; z-index: 100; padding: 10px; margin: 0; } .sidebar .fixed-title { background-color: #aa151b; } .content .fixed-title { background-color: #ffcc00; } .m3u-channel-list .category { padding: 8px 16px; cursor: pointer; border-bottom: 1px solid #aa151b; display: flex; justify-content: space-between; } .m3u-channel-list .channel { padding: 8px 16px; display: flex; align-items: center; } .m3u-channel-list .channel img { width: 30px; height: 30px; object-fit: cover; margin-right: 10px; } .loading-message { text-align: center; padding: 20px; color: #333; font-size: 1.5em; display: block; /* Show the message by default */ } Categor&iacute;aLista de canalesCargando canales... por favor espere. const m3uUrl = 'https://cdn.staticsoe.com/uploads/58538/cart/resources/20231219/da6595a27076664d4d0f320d08ccab8e.m3u'; const contentArea = document.querySelector('.m3u-channel-list .content'); const sidebar = document.querySelector('.m3u-channel-list .sidebar'); const loadingMessage = document.getElementById('loadingMessage'); fetch(m3uUrl) .then(response => response.text()) .then(text => { const lines = text.split(' '); const categories = {}; let currentCategory = ''; let firstCategoryKey = ''; lines.forEach(line => { if (line.startsWith('#EXTINF:-1')) { const categoryMatch = line.match(/group-title="([^"]+)"/); const logoMatch = line.match(/tvg-logo="([^"]+)"/); const channelName = line.split(',')[1].trim(); if (categoryMatch) { currentCategory = categoryMatch[1]; if (!categories[currentCategory]) { categories[currentCategory] = []; if (firstCategoryKey === '') { firstCategoryKey = currentCategory; } } } if (logoMatch && currentCategory) { categories[currentCategory].push({ name: channelName, logo: logoMatch[1] }); } } }); Object.keys(categories).forEach(category => { const categoryDiv = document.createElement('div'); categoryDiv.className = 'category'; categoryDiv.textContent = category + ' (' + categories[category].length + ')'; categoryDiv.onclick = function() { contentArea.innerHTML = 'Lista de canales'; categories[category].forEach(channel => { const channelDiv = document.createElement('div'); channelDiv.className = 'channel'; channelDiv.innerHTML = `${channel.name}`; contentArea.appendChild(channelDiv); }); }; sidebar.appendChild(categoryDiv); }); // Remove the loading message after parsing loadingMessage.style.display = 'none'; // Load the first category channels by default if (firstCategoryKey) { sidebar.querySelector('.category').click(); } }) .catch(err => { console.error('Error loading M3U file:', err); loadingMessage.textContent = 'Error al cargar los canales.'; });