Kodları kopyalayıp sitenize yapıstır ,yayınla.

<div id="tv-app-pro" style="width:100%; max-width:1000px; margin:10px auto; background:#111; color:#fff; font-family: Arial, sans-serif; border-radius:10px; overflow:hidden; border:1px solid #333;"> <div style="padding:15px; background:#222; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #444;"> <span style="font-weight:bold; color:#ff0000;">● CANLI YAYIN</span> <select id="kanal-select" onchange="kanalDegistir(this.value)" style="padding:8px; border-radius:5px; background:#333; color:#fff; border:1px solid #555; width:200px;"> <option value="">Kanal Seçiniz...</option> </select> </div> <div style="position:relative; padding-bottom:56.25%; height:0; background:#000;"> <iframe id="main-tv-frame" src="about:blank" style="position:absolute; top:0; left:0; width:100%; height:100%;" frameborder="0" allowfullscreen></iframe> </div> <div id="grid-container" style="display:grid; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap:5px; padding:10px; max-height:200px; overflow-y:auto; background:#1a1a1a;"> </div> </div> <script type="text/javascript"> // 50 Kanallık Liste (Örnek Kanallar ve URL'ler) const tvKanallari = [ {ad: "TRT 1", url: "https://www.trtizle.com/canli/tv/trt-1"}, {ad: "TRT HABER", url: "https://www.trtizle.com/canli/tv/trt-haber"}, {ad: "TRT SPOR", url: "https://www.trtizle.com/canli/tv/trt-spor"}, {ad: "HABERTÜRK", url: "https://www.haberturk.tv/canli-yayin/ekran"}, {ad: "BLOOMBERG HT", url: "https://www.bloomberght.com/canli-yayin"}, {ad: "TV 24", url: "https://www.yirmidort.tv/canli-yayin"}, {ad: "TGRT HABER", url: "https://www.tgrthaber.com.tr/canli-yayin"}, {ad: "HALK TV", url: "https://halktv.com.tr/canli-yayin"}, {ad: "SZC TV", url: "https://www.sozcutv.com.tr/canli-yayin"}, {ad: "TELE1", url: "https://tele1.com.tr/canli-yayin/"}, {ad: "ULUSAL KANAL", url: "https://www.ulusal.com.tr/canli-yayin"}, {ad: "A HABER", url: "https://www.ahaber.com.tr/video/canli-yayin"}, {ad: "A SPOR", url: "https://www.aspor.com.tr/webtv/canli-yayin"}, {ad: "FB TV", url: "https://www.fenerbahce.org/fenerbahce-tv/canli-yayin"}, {ad: "BJK TV", url: "https://www.youtube.com/embed/live_stream?channel=UCv_v56shC_UioD8_S_T0zHA"}, {ad: "GS TV", url: "https://www.galatasaray.org/s/galatasaray-tv/31"}, {ad: "EUROSPORT", url: "https://www.eurosport.com.tr/canli-yayin"}, {ad: "NTV", url: "https://www.ntv.com.tr/canli-yayin"}, {ad: "DMAX", url: "https://www.dmax.com.tr/canli-izle"}, {ad: "TLC", url: "https://www.tlctv.com.tr/canli-izle"}, // 20'den sonrası için şablon (URL kısımlarını ihtiyacına göre doldurabilirsin) {ad: "KANAL 7", url: "https://www.kanal7.com/canli-izle"}, {ad: "ÜLKE TV", url: "https://www.ulketv.com.tr/canli-yayin"}, {ad: "TVNET", url: "https://www.tvnet.com.tr/canli-yayin"}, {ad: "KRT TV", url: "https://www.krttv.com.tr/canli-yayin"}, {ad: "TV8", url: "https://www.tv8.com.tr/canli-yayin"}, {ad: "TV8.5", url: "https://www.tv8bucuk.com/canli-yayin"}, {ad: "TEVE2", url: "https://www.teve2.com.tr/canli-yayin"}, {ad: "DREAM TV", url: "https://www.dreamtv.com.tr/canli-yayin"}, {ad: "KRAL POP", url: "https://www.kralmuzik.com.tr/tv/kral-pop-tv"}, {ad: "POWER TV", url: "https://www.powerapp.com.tr/powertv/"}, {ad: "NUMBER 1", url: "https://www.numberone.com.tr/n1tv-canli/"}, {ad: "CARTOON NET", url: "https://www.cartoonnetwork.com.tr/canli-yayin"}, {ad: "TRT ÇOCUK", url: "https://www.trtcocuk.net.tr/canli-izle"}, {ad: "MINIKA GO", url: "https://www.minika.com.tr/minikago-canli-yayin"}, {ad: "MINIKA ÇOCUK", url: "https://www.minika.com.tr/minikacocuk-canli-yayin"}, {ad: "DISNEY JR", url: "#"}, {ad: "YABAN TV", url: "https://www.yabantv.com/canli-yayin"}, {ad: "AV TV", url: "#"}, {ad: "TARIM TV", url: "https://www.tarimtv.gov.tr/"}, {ad: "DIYANET TV", url: "https://www.diyanet.tv/canli-yayin"}, {ad: "TMB TV", url: "#"}, {ad: "DÜNYA TV", url: "#"}, {ad: "EKOTÜRK", url: "https://www.ekoturk.com/canli-yayin/"}, {ad: "TV4", url: "https://www.tv4.com.tr/canli-yayin"}, {ad: "BENGÜTÜRK", url: "https://www.benguturk.com/canli-yayin"}, {ad: "REHBER TV", url: "#"}, {ad: "SEMERKAND TV", url: "#"}, {ad: "KADIRGA TV", url: "#"}, {ad: "UZAY HABER", url: "#"}, {ad: "KAY TV", url: "#"} ]; const selectMenu = document.getElementById('kanal-select'); const gridContainer = document.getElementById('grid-container'); const iframe = document.getElementById('main-tv-frame'); // Listeleri Oluştur tvKanallari.forEach((kanal, index) => { // Dropdown'a ekle let option = document.createElement('option'); option.value = kanal.url; option.textContent = kanal.ad; selectMenu.appendChild(option); // Grid butonlarını oluştur let btn = document.createElement('button'); btn.textContent = kanal.ad; btn.style.cssText = "padding:5px; font-size:11px; cursor:pointer; background:#333; color:#ccc; border:1px solid #444; border-radius:3px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;"; btn.onclick = () => kanalDegistir(kanal.url); gridContainer.appendChild(btn); }); function kanalDegistir(url) { if(url && url !== "#") { iframe.src = url; } else { alert("Bu kanalın yayın linki şu an güncelleniyor."); } } // İlk kanalı yükle kanalDegistir(tvKanallari[0].url); </script>