<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ئۇيغۇرچە تىلۋىزىيە قاناللار تىزىملىكى</title>
<style>
.container {
display: flex;
flex-direction: column;
align-items: center;
}
.video-player {
width: 100%;
padding: 10px;
text-align: center;
}
video {
width: 100%;
}
.current-episode-info {
margin-top: 10px;
font-weight: bold;
font-size: 18px;
text-align: center;
width: 100%;
}
.episode-list {
width: 100%;
padding: 10px;
background-color: #f4f4f4;
}
.episode-list ul {
list-style-type: none;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
}
.episode-list ul li {
cursor: pointer;
font-weight: bold;
padding: 10px;
border: 2px solid #ccc;
border-radius: 5px;
background-color: #fff;
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
text-align: center;
width: 145px;
}
.episode-list ul li:hover {
border-color: blue;
color: blue;
}
.episode-list ul li.active {
border-color: red;
color: red;
}
.episode-list ul li img {
width: 100px;
height: 100px;
border-radius: 5px;
object-fit: cover;
}
.episode-list ul li div {
width: 100%;
word-wrap: break-word;
}
</style>
</head>
<body>
<div class="container">
<!-- 当前播放信息 -->
<div class="current-episode-info">
ھازىر كۆرۈۋاتقىنىڭىز: <span id="currentEpisodeName"></span>
</div>
<!-- 播放器 -->
<div class="video-player">
<video id="videoPlayer" controls autoplay muted onended="playNext()"></video>
</div>
<!-- 剧集列表 -->
<div class="episode-list">
<ul id="episodeList"></ul>
</div>
</div>
<script>
let currentEpisodeIndex = 0; // 当前播放的剧集
const episodes = [
{ name: 'شىنجاڭ تېلېۋىزىيەسى ئاخپىرات ئۇنۋىرسال قانىلى', url: 'http://tvknl.filimkulub.top/tvkanallirimminigki/tvkanal2.php?id=XJTV2', image: 'xjtv.jpg' },
{ name: 'شىنجاڭ تېلېۋىزىيەسى ئۇنۋىسال سەنئەت قانىلى', url: 'http://tvknl.filimkulub.top/tvkanallirimminigki/tvkanal2.php?id=XJTV5', image: 'xjtv.jpg' },
{ name: 'شىنجاڭ تېلېۋىزىيەسى ئىقتىساد ئۇنۋىرسال قانىلى', url: 'http://tvknl.filimkulub.top/tvkanallirimminigki/tvkanal2.php?id=XJTV9', image: 'xjtv.jpg' },
{ name: 'كىنو قانال', url: 'http://tvknl.filimkulub.top/tvkanallirimminigki/tvkanal2.php?id=HQYY', image: 'xjtv.jpg' },
{ name: 'قارماي2قانال', url: 'http://tvknl.filimkulub.top/tvkanallirimminigki/tvkanal2.php?id=KLMY2', image: 'xjtv.jpg' },
{ name: 'خۇتەن2', url: 'http://tvknl.filimkulub.top/tvkanallirimminigki/tvkanal2.php?id=HT2', image: 'xjtv.jpg' },
{ name: 'ئىلى3', url: 'http://tvknl.filimkulub.top/tvkanallirimminigki/tvkanal2.php?id=YL3', image: 'yl.jpg' },
{ name: 'بايىنغۇلىن ئوبلاستى3', url: 'http://tvknl.filimkulub.top/tvkanallirimminigki/tvkanal2.php?id=BZ3', image: 'xjtv.jpg' },
{ name: 'تۇقسۇن-2', url: 'http://tvknl.filimkulub.top/tvkanallirimminigki/tvkanal2.php?id=TKX2', image: 'xjtv.jpg' },
{ name: 'قىزىلسۇ ئوبلاستى-3(维)', url: 'http://tvknl.filimkulub.top/tvkanallirimminigki/tvkanal2.php?id=KZWY3', image: 'xjtv.jpg' },
{ name: 'ئۇرۇمچى台-2', url: 'http://tvknl.filimkulub.top/tvkanallirimminigki/tvkanal2.php?id=WLMQ2', image: 'utv.jpg' },
{ name: 'قەشقەر2', url: 'http://tvknl.filimkulub.top/tvkanallirimminigki/tvkanal2.php?id=KS2', image: 'xjtv.jpg' },
{ name: 'قەشقەر تۇرمۇش', url: 'http://tvknl.filimkulub.top/tvkanallirimminigki/tvkanal2.php?id=KSS2', image: 'xjtv.jpg' },
{ name: 'ئاقسۇ2', url: 'http://tvknl.filimkulub.top/tvkanallirimminigki/tvkanal2.php?id=AKS3', image: 'aks.jpg' },
{ name: 'قۇمۇل2', url: 'http://tvknl.filimkulub.top/tvkanallirimminigki/tvkanal2.php?id=HM2', image: 'xjtv.jpg' },
{ name: 'پىچان-2', url: 'http://tvknl.filimkulub.top/tvkanallirimminigki/tvkanal2.php?id=SS2', image: 'xjtv.jpg' },
{ name: 'قارماي-2', url: 'http://klmysjtzb.rcsxzx.com/hls/klmy2.m3u8', image: 'xjtv.jpg' },
{ name: 'ئىلى -3', url: 'http://110.153.180.106:55555/out_3/index.m3u8', image: 'xjtv.jpg' },
{ name: 'غۇلجا2', url: 'http://222.81.52.40:9898/out_2/out_2_0/prog_index.m3u8', image: 'xjtv.jpg' },
{ name: 'بايىنغۇلىن3', url: 'http://file.loulannews.cn/nmip-media/channellive/channel103824/playlist.m3u8', image: 'xjtv.jpg' },
{ name: 'خۇتەن كىنۇ', url: 'http://livehtrmt.chinamcache.com/live/htzb3.m3u8', image: 'xjtv.jpg' },
{ name: 'خۇتەن ئۇنىۋېرسال', url: 'http://livehtrmt.chinamcache.com/live/htzb4.m3u8', image: 'xjtv.jpg' }
];
// 初始化剧集列表
function initEpisodeList() {
const episodeList = document.getElementById('episodeList');
episodes.forEach((episode, index) => {
const li = document.createElement('li');
li.innerHTML = `
<img src="${episode.image}" alt="${episode.name}" onerror="this.src='placeholder.jpg'">
<div>${episode.name}</div>
`;
li.onclick = () => playVideo(index, episode.url);
episodeList.appendChild(li);
});
}
// 播放剧集
function playVideo(index, url) {
const videoPlayer = document.getElementById('videoPlayer');
videoPlayer.