抖音小凤九自唱自嗨
<style type="text/css">.video-playlist-container {
max-width: 800px;
margin: 15px auto;
font-family: "Microsoft YaHei", sans-serif;
background: #1a1a1a;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 10px 40px rgba(0,0,0,0.3);
}
.video-main {
position: relative;
background: #000;
}
.video-main video {
width: 100%;
display: block;
max-height: 500px;
}
.video-info-bar {
background: linear-gradient(to bottom, rgba(0,0,0,0.7), transparent);
color: #fff;
padding: 15px;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 10;
}
.video-title {
font-size: 16px;
font-weight: bold;
margin-bottom: 5px;
}
.video-index {
font-size: 12px;
opacity: 0.8;
}
.video-controls-bar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 15px;
background: #222;
color: #fff;
}
.control-group {
display: flex;
gap: 10px;
align-items: center;
}
.ctrl-btn {
background: #444;
border: none;
color: #fff;
padding: 6px 12px;
border-radius: 4px;
cursor: pointer;
font-size: 12px;
}
.ctrl-btn:hover { background: #666; }
.ctrl-btn.active { background: #e74c3c; }
.playlist {
max-height: 280px;
overflow-y: auto;
background: #1a1a1a;
}
.playlist-item {
display: flex;
align-items: center;
padding: 12px 15px;
border-bottom: 1px solid #333;
cursor: pointer;
transition: all 0.2s;
color: #ccc;
}
.playlist-item:hover { background: #2a2a2a; }
.playlist-item.playing {
background: linear-gradient(90deg, #c0392b 0%, #e74c3c 100%);
color: #fff;
}
.playlist-item.played { opacity: 0.6; }
.item-index {
width: 28px;
height: 28px;
border-radius: 50%;
background: #333;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
margin-right: 12px;
flex-shrink: 0;
}
.playlist-item.playing .item-index {
background: #fff;
color: #e74c3c;
}
.item-info { flex: 1; }
.item-title {
font-size: 14px;
margin-bottom: 3px;
}
.item-duration {
font-size: 11px;
opacity: 0.7;
}
.playing-indicator {
margin-left: 10px;
font-size: 12px;
}
.playlist::-webkit-scrollbar { width: 6px; }
.playlist::-webkit-scrollbar-track { background: #1a1a1a; }
.playlist::-webkit-scrollbar-thumb { background: #555; border-radius: 3px; }
@media (max-width: 600px) {
.video-title { font-size: 14px; }
.playlist-item { padding: 10px; }
}
</style>
<div class="video-playlist-container">
<div class="video-main">
<div class="video-info-bar">
<div class="video-title" id="videoTitle">抖音小凤九自唱自嗨</div>
<div class="video-index" id="videoIndex">第 1 集 / 共 N 集</div>
</div>
<video id="mainVideo" controls preload="metadata" playsinline webkit-playsinline>
您的浏览器不支持HTML5视频播放，请升级浏览器。
</video>
</div>
<div class="video-controls-bar">
<div class="control-group">
<button class="ctrl-btn" onclick="prevVideo()">⏮ 上一集</button>
<button class="ctrl-btn" onclick="nextVideo()">下一集 ⏭</button>
</div>
<div class="control-group">
<button class="ctrl-btn active" id="autoPlayBtn" onclick="toggleAutoPlay()">🔁 连播: 开</button>
<button class="ctrl-btn" id="loopBtn" onclick="toggleLoop()">🔂 循环: 关</button>
</div>
</div>
<div class="playlist" id="playlist"></div>
</div>
<script type="text/javascript">
// ======== 视频列表配置（替换为你自己的视频地址）========
var videoList = [
{
title: "第01集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6887118312556252423-%E6%98%A8%E5%A4%A9%E6%B2%A1%E6%9C%89%E7%BB%99%E6%88%91%E7%82%B9%E8%B5%9E%E9%82%A37.2%E4%B8%87%E7%B2%89%E3%80%82%E6%88%91%E5%B7%B2%E7%BB%8F%E6%8A%8A%E4%BD%A0%E4%BB%AC%E7%9A%84%E5%90%8D%E5%AD%97%E8%AE%B0%E4%B8%8B%E6%9D%A5%E4%BA%86.mp4",
duration: ""
},
{
title: "第02集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6932021407534681352-%E9%98%BF%E5%87%A1%E6%8F%90%E5%B8%A6%E7%9D%80%E5%A2%A8%E9%95%9C%E9%AA%91%E7%9D%80%E6%AF%9B%E9%A9%B4%E8%83%8C%E7%9D%80%E4%BD%8E%E9%9F%B3%E7%82%AE%E5%9C%A8%E6%B2%99%E6%BC%A0%E8%B9%A6%E7%9D%80%E8%BF%AA.mp4",
duration: ""
},
{
title: "第03集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6891215452182170887-%E7%94%9F%E6%B4%BB%E5%BE%88%E8%8B%A6%EF%BC%8C%E8%BF%98%E5%A5%BD%E6%88%91%E7%94%9C.mp4",
duration: ""
},
{
title: "第04集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6886370960476261645-%E5%A5%BD%E4%B9%9D%E4%B8%8D%E8%A7%81%EF%BC%8C%E7%AA%81%E7%84%B6%E5%87%BA%E7%8E%B0%23%E4%B8%8D%E5%88%A0.mp4",
duration: ""
},
{
title: "第05集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6914592811174120711-%E8%BF%99%E4%B8%AA%E6%B8%85%E6%99%B0%E5%BA%A6%E6%88%91%E8%A7%89%E5%BE%97%E6%88%91%E9%85%8D%E6%8B%A5%E6%9C%89%E4%BD%A0%E4%BB%AC%E7%9A%84%E4%B8%80%E4%B8%AA%E2%80%9C%E2%80%9D%23%E4%BB%8A%E5%A4%A9%E8%A2%AB%E8%BF%99%E9%A6%96%E6%AD%8C%E7%BB%99%E6%B4%97%E8%84%91%E4%BA%86%23%E7%AE%80%E5%8D%95%E7%9A%84%E5%B9%B8%E7%A6%8F.mp4",
duration: ""
},
{
title: "第06集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6916811727799635207-%E5%BD%93%E5%89%8D%E5%90%8E%E4%B8%8D%E5%88%86%E7%9A%84%E4%BA%BA%E7%A9%BF%E4%B8%8A%E4%BA%86%E5%89%8D%E5%90%8E%E4%B8%8D%E5%88%86%E7%9A%84%E8%A1%A3%E6%9C%8D%E3%80%82%E4%B8%80%E4%B8%AA%E7%BE%8E%E5%A5%B3%E5%B0%B1%E8%BF%99%E4%B9%88%E8%AF%9E%E7%94%9F%E4%BA%86%E3%80%82%23%E6%B6%88%E5%A4%B1%E4%B8%8D%E8%A7%81.mp4",
duration: ""
},
{
title: "第07集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6917551598101089549-%E6%89%80%E5%B9%B8%E4%B9%8B%E4%BA%8B%EF%BC%8C%E9%A5%B1%E9%A4%90%E4%B8%8E%E8%A2%AB%E7%88%B1%23%E9%94%99%E4%BD%8D%E6%97%B6%E7%A9%BA.mp4",
duration: ""
},
{
title: "第08集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6918194166174469389-%E6%88%91%E6%9D%A5%E4%BA%A4%E4%BD%9C%E4%B8%9A%E4%BA%86%EF%BC%8C%E8%BF%99%E9%A6%96%E6%AD%8C%E6%98%AF%E4%B8%80%E4%B8%AA%E5%B0%8F%E6%9C%8B%E5%8F%8B%23%E5%A4%B1%E7%9C%A0%E6%92%AD%E6%8A%A5.mp4",
duration: ""
},
{
title: "第09集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6919335127822699784-%E6%9D%A5%E8%87%AA%E5%A5%B3%E7%A5%9E%E7%9A%84%E7%AC%AC%E4%B8%80%E6%AC%A1%E5%8F%8D%E5%87%BB%23%E9%86%92%E4%B8%8D%E6%9D%A5%E7%9A%84%E6%A2%A6.mp4",
duration: ""
},
{
title: "第10集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6920524538526649614-%E5%B0%8F%E5%87%A4%E4%B9%9D%E8%83%BD%E6%9C%89%E4%BB%80%E4%B9%88%E5%9D%8F%E5%BF%83%E7%9C%BC%EF%BC%8C%E5%A5%B9%E4%B8%8D%E8%BF%87%E6%98%AF%E5%94%B1%E6%AD%8C%E6%89%BE%E4%B8%8D%E5%88%B0%E6%8D%A2%E6%B0%94%E7%82%B9%E8%80%8C%E5%B7%B2%E3%80%82%23%E8%AF%A5%E6%80%8E%E4%B9%88%E8%AF%B4%E5%86%8D%E8%A7%81.mp4",
duration: ""
},
{
title: "第11集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6922002310885346567-%E8%A5%BF%E8%97%8F%E7%9A%84%E5%A7%91%E5%A8%98%E6%98%AF%E9%9B%AA%E8%8E%B2%E8%8A%B1%EF%BC%8C%E9%82%A3%E6%88%91%E4%BB%AC%E4%B8%9C%E5%8C%97%E5%A7%91%E5%A8%98%E6%98%AF%E4%BB%80%E4%B9%88%EF%BC%9F%E9%9B%AA%E8%8A%B1%EF%BC%9F%23%E7%8E%9B%E5%B0%BC%E6%83%85%E6%AD%8C.mp4",
duration: ""
},
{
title: "第12集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6933140233328299272-%E4%BB%8A%E5%A4%A9%E4%B8%8D%E6%83%B3%E5%81%9A%E8%83%96%E4%B8%AB%EF%BC%8C%E6%83%B3%E5%81%9A%E5%BE%AE%E9%86%BA%E7%9A%84%E6%80%A7%E6%84%9F%E5%B0%A4%E7%89%A9.mp4",
duration: ""
},
{
title: "第13集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6933886186981248264-%E5%91%A8%E6%9C%AB%E6%94%BE%E5%81%87%EF%BC%8C%E5%8F%88%E6%83%B3%E5%87%BA%E5%8E%BB%E7%8E%A9%E5%8F%88%E8%A6%81%E8%90%A5%E4%B8%9A%E7%9A%84%E6%88%91%E3%80%82%23%E6%AD%8C%E6%9B%B2%E5%B0%8F%E5%B0%8F%23%E9%80%A0%E9%9F%B3%E8%A1%8C%E5%8A%A8.mp4",
duration: ""
},
{
title: "第14集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6934615171407105287-%E7%AE%A1%E4%BB%96%E4%BB%80%E4%B9%88%E5%90%8D%E5%88%A9%E5%9C%BA%E3%80%82%23%E9%80%A0%E9%9F%B3%E8%A1%8C%E5%8A%A8.mp4",
duration: ""
},
{
title: "第15集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6935284842993077518-%E6%88%91%E5%87%86%E5%A4%873%E6%9C%885%E6%97%A5%E4%B8%8A%E8%BF%99%E9%A6%96%E6%AD%8C%E7%9A%84%E5%AE%8C%E6%95%B4%E7%89%88%E6%80%8E%E4%B9%88%E6%A0%B7%EF%BC%9F.mp4",
duration: ""
},
{
title: "第16集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6936372191411981582-%E6%95%99%E7%A7%91%E4%B9%A6%E7%BA%A7%E5%81%B7%E7%9E%84%E6%AD%8C%E8%AF%8D.mp4",
duration: ""
},
{
title: "第17集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6937871867176930574-%E4%B8%80%E4%B8%AA%E8%AF%86%E7%A0%B4%E6%83%8A%E5%A4%A9%E7%9A%84%E6%8A%A5%E5%B9%95%EF%BC%8820%EF%BC%89.mp4",
duration: ""
},
{
title: "第18集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6938247100454931742-%E8%AF%B4%E5%87%BA%E4%BD%A0%E7%9A%84%E6%A2%A6%E4%B9%8B%E8%BD%A6%EF%BC%8C%E6%88%91%E7%9C%8B%E7%9C%8B%E8%BF%99%E8%BD%A6%E5%BA%93%E6%9C%89%E6%B2%A1%E6%9C%89%EF%BC%8C%E6%9C%89%E7%9A%84%E8%AF%9D%E6%88%91%E6%8A%8A%E5%8F%A3%E9%A6%99%E7%B3%96%E7%B2%98%E4%B8%8A%E5%8E%BB.mp4",
duration: ""
},
{
title: "第19集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6939334923098606862-%E6%88%91%E6%83%B3%E6%8A%A5%E7%9A%84%E5%B9%95%EF%BC%8C%E5%8A%A0%E7%89%B9%E6%95%88%E4%B9%9F%E8%A6%81%E6%8A%A5%EF%BC%81%23%E5%A4%A7%E9%9B%A8%E8%BF%98%E5%9C%A8%E4%B8%8B%EF%BC%8815%EF%BC%89.mp4",
duration: ""
},
{
title: "第20集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6939832862489201934-%E6%88%91%E5%8A%9D%E4%BD%A0%E5%AF%B9%E6%88%91%E5%B0%8A%E9%87%8D%E7%82%B9%EF%BC%8C%E6%88%96%E8%AE%B8%E6%88%91%E6%89%8B%E4%B8%8A%E5%B0%B1%E6%9C%89%E4%BD%A0%E6%83%B3%E8%A6%81%E7%9A%84%E5%A7%91%E5%A8%98%23%E4%B8%80%E8%B7%AF%E7%94%9F%E8%8A%B1%EF%BC%8821%EF%BC%89.mp4",
duration: ""
},
{
title: "第21集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6940914184989248799-%E5%9B%A0%E4%B8%BA%E5%BE%97%E4%B8%8D%E5%88%B0%E4%BD%A0%E4%BB%AC%EF%BC%8C%E6%88%91%E5%B7%B2%E7%BB%8F%E8%87%AA%E6%9A%B4%E8%87%AA%E5%BC%83%E3%80%82%EF%BC%8820%EF%BC%89.mp4",
duration: ""
},
{
title: "第22集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6941543957214039310-%E6%88%91%E9%97%AE%E8%80%81%E6%9D%BF%E5%8F%AF%E4%BB%A5%E5%94%B1%E6%AD%8C%E6%8A%B5%E9%A5%AD%E9%92%B1%E5%90%97%EF%BC%9F%E8%80%81%E6%9D%BF%E5%9B%9E%E4%BA%86%E6%88%91%E4%B8%89%E4%B8%AA%E5%AD%97%EF%BC%9A_____%E3%80%82%EF%BC%8820%EF%BC%89.mp4",
duration: ""
},
{
title: "第23集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6942785098785869063-%E5%A5%BD%E5%8F%AF%E6%80%9C%E5%95%8A%EF%BC%8C%E6%88%91%E7%9A%84%E6%91%84%E5%BD%B1%E5%B8%88%E6%98%AF%E4%B8%AA%E5%82%BB%E5%AD%90%E3%80%82%23%E7%BF%BB%E5%94%B1%EF%BC%8820%EF%BC%89.mp4",
duration: ""
},
{
title: "第24集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6943915918854458637-%E7%8E%8B%E4%BE%9D%E4%BA%91%E4%B8%8A%E6%9C%89%E4%BA%86%E5%AE%8C%E6%95%B4%E7%89%88%E6%98%A5%E6%B3%A5%EF%BC%8822%EF%BC%89.mp4",
duration: ""
},
{
title: "第25集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6946762626936392996-%E5%A7%91%E5%A8%98%E4%BB%8A%E5%A4%A9%E6%88%91%E8%AF%B7%E5%AE%A2%EF%BC%8C%E8%AF%B7%E4%BD%A0%E5%9D%90%E6%91%A9%E6%89%98%EF%BC%8C%E8%AF%B7%E4%BD%A0%E5%90%83%E9%A5%AD%EF%BC%8C%E8%AF%B7%E4%BD%A0%E7%88%B1%E4%B8%8A%E6%88%91%E3%80%82%23%E9%87%8E%E6%91%A9%E6%89%98%23%E9%87%8E%E6%91%A9%E6%89%98%E9%A9%BE%E9%A9%B6%E5%A4%A7%E8%B5%9B.mp4",
duration: ""
},
{
title: "第26集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6947503631709080863-%E6%82%A8%E7%9A%84%E5%8D%8A%E8%BA%AB%E4%B8%8D%E9%81%82%E6%AD%8C%E6%89%8B%E5%B7%B2%E4%B8%8A%E7%BA%BF%EF%BC%8820%EF%BC%89%23%E8%B5%B0%E9%A9%AC%E8%A7%82%E8%8A%B1.mp4",
duration: ""
},
{
title: "第27集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6948365825225051400-%E8%99%BD%E7%84%B6%E6%89%8D%E5%8D%8E%E6%9C%89%E9%99%90%EF%BC%8C%E4%BD%86%E6%98%AF%E6%AC%A2%E4%B9%90%E6%97%A0%E9%99%90%EF%BC%8820%EF%BC%89.mp4",
duration: ""
},
{
title: "第28集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6949089625705155870-%E4%BD%A0%E4%B8%BA%E4%BA%86%E8%B0%81%E5%AE%81%E6%84%BF%E8%AE%A9%E5%BF%83%E5%8F%98%E6%88%90%E4%BA%86%E5%AD%A4%E5%B2%9B%EF%BC%9F%EF%BC%8820%EF%BC%89.mp4",
duration: ""
},
{
title: "第29集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6949837733908974879-%E7%9C%9F%E6%AD%A3%E7%9A%84%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD%E7%82%B9%E6%AD%8C%EF%BC%8820%EF%BC%89%23%E5%A4%A7%E9%A3%8E%E5%90%B9%23%E9%97%BA%E8%9C%9C%E7%9A%84%E6%97%A5%E5%B8%B8.mp4",
duration: ""
},
{
title: "第30集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6950582112626035982-%E6%88%91%E5%BE%88%E7%96%91%E6%83%91%E6%98%AF%E4%B8%8D%E6%98%AF%E4%BB%80%E4%B9%88%E9%83%BD%E8%83%BD%E6%94%AF%E9%85%8D%E5%A5%B9%EF%BC%9F%EF%BC%8820%EF%BC%89%23%E5%87%BA%E7%8E%B0%E5%8F%88%E7%A6%BB%E5%BC%80.mp4",
duration: ""
},
{
title: "第31集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6952803059789565220.mp4",
duration: ""
},
{
title: "第32集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6971737249759251743-%E5%AE%8C%E4%BA%86%E3%80%82%E8%BF%99%E6%AC%A1%E9%99%A4%E4%BA%86%E6%88%91%E7%9A%84%E5%9C%86%E8%84%B8%E5%8F%88%E8%A6%81%E8%A2%AB%E5%90%90%E7%B2%A4%E8%AF%AD%E5%8F%91%E9%9F%B3%E4%BA%86%23%E4%B8%8D%E8%AF%A5%E7%94%A8%E6%83%85.mp4",
duration: ""
},
{
title: "第33集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6972110840841424135-%E4%BB%8A%E5%A4%A9%E6%98%AF%E6%96%87%E9%9D%99%E7%9A%84%E4%B9%9D%E9%B9%85.mp4",
duration: ""
},
{
title: "第34集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6972467909503323399-%E6%88%91%E7%89%B9%E5%88%AB%E9%82%80%E8%AF%B7%E5%90%84%E4%BD%8D%E6%9D%A5%E5%81%9A%E6%88%91%E7%9A%84%E7%82%B9%E8%B5%9E%E5%98%89%E5%AE%BE%EF%BC%8C%E5%B8%8C%E6%9C%9B%E5%90%84%E4%BD%8D%E4%B8%8D%E8%A6%81%E4%B8%8D%E8%AF%86%E6%8A%AC%E4%B8%BE%E3%80%82%23%E5%98%89%E5%AE%BE.mp4",
duration: ""
},
{
title: "第35集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6973203412712197413-%E4%B8%80%E4%B8%AA%E6%B2%A1%E5%87%86%E5%A4%87%E5%A5%BD%E7%9A%84%E6%91%84%E5%BD%B1%E5%B8%88%E9%85%8D%E4%B8%8A%E4%B8%80%E4%B8%AA%E6%B2%A1%E5%87%86%E5%A4%87%E5%A5%BD%E7%9A%84%E6%AD%8C%E6%89%8B%23%E8%80%81%E7%94%B7%E5%AD%A9.mp4",
duration: ""
},
{
title: "第36集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6973979499927063821-%E5%91%8A%E8%AF%89%E6%88%91%E4%BD%A0%E6%83%B3%E8%A6%81%E4%BB%80%E4%B9%88%23%E6%88%91%E6%83%B3%E8%A6%81%E5%A4%A9%E4%B8%8A%E7%9A%84%E6%9C%88%E4%BA%AE%E5%92%8C%E5%9C%B0%E4%B8%8A%E7%9A%84%E9%9C%9C.mp4",
duration: ""
},
{
title: "第37集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6983961271523740959-%E5%AF%B9%E4%B8%8D%E8%B5%B7%E6%88%91%E5%8F%88%E5%94%B1%E7%B2%A4%E8%AF%AD%E6%AD%8C%E4%BA%86%20%E8%BF%98%E6%98%AF%E6%B2%A1%E8%AE%B0%E4%BD%8F%E8%AF%8D%E7%9A%84%E9%82%A3%E7%A7%8D.mp4",
duration: ""
},
{
title: "第38集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6891973324222532871-%E4%BD%A0%E4%BB%AC%E5%90%AC%E5%88%B0%E4%BA%86%E5%90%97%EF%BC%9F%E8%BF%99%E4%B8%AA%E5%A5%B3%E4%BA%BA%E5%AF%B9%E6%88%91%E8%AF%B4%EF%BC%9A%E6%9C%89%E7%A6%8F%E5%90%8C%E4%BA%AB%EF%BC%8C%E6%9C%89%E9%9A%BE%E5%90%8C%E5%BD%93.mp4",
duration: ""
},
{
title: "第39集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6894543998724082957-%E8%BF%99%E4%B8%AA%E4%B8%96%E7%95%8C%E4%B8%8A%E6%A0%B9%E6%9C%AC%E5%B0%B1%E6%B2%A1%E6%9C%89%E5%A4%A7%E4%BA%BA%EF%BC%8C%E6%88%91%E4%BB%AC%E9%83%BD%E6%98%AF%E8%A3%85%E7%9D%80%E7%8B%AC%E5%BD%93%E4%B8%80%E9%9D%A2%E7%9A%84%E5%B0%8F%E6%9C%8B%E5%8F%8B%E7%BD%A2%E4%BA%86.mp4",
duration: ""
},
{
title: "第40集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6894543998724082957-%E8%BF%99%E4%B8%AA%E4%B8%96%E7%95%8C%E4%B8%8A%E6%A0%B9%E6%9C%AC%E5%B0%B1%E6%B2%A1%E6%9C%89%E5%A4%A7%E4%BA%BA%EF%BC%8C%E6%88%91%E4%BB%AC%E9%83%BD%E6%98%AF%E8%A3%85%E7%9D%80%E7%8B%AC%E5%BD%93%E4%B8%80%E9%9D%A2%E7%9A%84%E5%B0%8F%E6%9C%8B%E5%8F%8B%E7%BD%A2%E4%BA%86.mp4",
duration: ""
},
{
title: "第41集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6894994496442912007-%E6%88%91%E6%9C%80%E8%BF%91%E8%BF%87%E5%BE%97%E5%BE%88%E4%B8%8D%E9%94%99%EF%BC%8C%E6%89%BE%E5%88%B0%E4%BA%86%E5%87%A0%E4%B8%AA%E5%BF%97%E5%90%8C%E9%81%93%E5%90%88%E7%9A%84%E4%BC%99%E4%BC%B4%EF%BC%8C%E7%BA%A6%E5%AE%9A%E8%A6%81%E4%B8%80%E8%B5%B7%E5%A5%BD%E5%A5%BD%E5%8A%AA%E5%8A%9B%E3%80%82%E4%B8%8D%E7%88%B1%E4%BA%A4%E9%99%85%E7%9A%84%E6%88%91%E8%BF%9E%E7%BB%AD%E4%B8%A4%E5%91%A8%E6%9C%AB%E5%8F%82%E5%8A%A0%E7%81%AB%E9%94%85%E6%B4%BE%E9%98%9F%E3%80%82%E4%BD%A0%E4%BB%AC%E5%91%A2%EF%BC%9F.mp4",
duration: ""
},
{
title: "第42集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6927968992174918926-%E7%BB%88%E4%BA%8E%E6%80%9D%E5%BF%B5%E7%9A%84%E4%BA%BA%E7%9B%B8%E8%81%9A%EF%BC%8C%E7%BB%88%E4%BA%8E%E6%89%80%E6%9C%89%E7%9A%84%E4%BC%A4%E7%97%8A%E6%84%88%E3%80%82%E8%8A%B1%E5%8F%88%E5%BC%80%E5%A5%BD%E4%BA%86%E3%80%82%E7%A5%9D%E5%A4%A7%E5%AE%B6%E6%96%B0%E5%B9%B4%E5%BF%AB%E4%B9%90%EF%BC%8C%E5%AE%B6%E4%BA%BA%E5%81%A5%E5%BA%B7%E3%80%82%23%E5%A4%A7%E5%B9%B4%E4%B8%89%E5%8D%81.mp4",
duration: ""
},
{
title: "第43集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6940199382117649678-%E8%A1%A8%E7%99%BD%E4%B8%80%E5%AE%9A%E8%A6%81%E7%94%A8%E5%96%8A%E7%9A%84%E5%95%8A%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%8820%EF%BC%89.mp4",
duration: ""
},
{
title: "第44集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6960946828971937061-%E5%A4%A9%E6%B0%94%E5%A5%BD%E5%BF%83%E6%83%85%E5%A5%BD.mp4",
duration: ""
},
{
title: "第45集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6964656387494333727-%E4%B8%87%E4%B8%87%E6%B2%A1%E6%83%B3%E5%88%B0%E5%88%98%E5%A5%B3%E5%A3%AB%E4%BC%B4%E5%A5%8F%E6%94%BE%E7%9A%84%E8%BF%99%E4%B9%88%E5%A5%BD.mp4",
duration: ""
},
{
title: "第46集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6970955319631416612-%E7%AD%89%E6%88%91%E6%9C%89%E9%92%B1%E4%BA%86%EF%BC%8C%E6%88%91%E8%A6%81%E9%9B%87%E4%B8%AA%E4%BA%BA%E4%B8%93%E9%97%A8%E7%BB%99%E6%88%91%E6%94%BE%E4%BC%B4%E5%A5%8F%EF%BC%81%EF%BC%81%EF%BC%8820%EF%BC%89.mp4",
duration: ""
},
{
title: "第47集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6975815026397531406-%E7%A5%9D%E6%89%80%E6%9C%89%E7%9A%84%E7%88%B6%E4%BA%B2%E8%8A%82%E6%97%A5%E5%BF%AB%E4%B9%90%EF%BC%81%23%E7%88%B6%E4%BA%B2%E8%8A%82.mp4",
duration: ""
},
{
title: "第48集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6976182142669688094-%E6%83%B3%E4%B8%8D%E5%87%BA%E6%96%87%E6%A1%88%E7%9A%84%E9%98%BF%E4%B9%9D.mp4",
duration: ""
},
{
title: "第49集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6976555664613117198-%E4%BB%8A%E5%A4%A9%E6%83%B3%E5%81%9A%E8%BE%BE%E5%9D%82%E5%9F%8E%E5%90%8D%E5%AA%9B%EF%BC%8C%E4%B8%8D%E7%9F%A5%E5%9C%A8%E5%BA%A7%E7%9A%84%E5%90%84%E4%BD%8D%E7%AD%94%E5%BA%94%E4%B8%8D%E7%AD%94%E5%BA%94.mp4",
duration: ""
},
{
title: "第50集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6976921944897703198-%E4%BC%B0%E8%AE%A1%E8%BF%9E%E4%B8%AA%E6%9C%AB%E7%8F%AD%E8%BD%A6%E4%B9%9F%E6%90%AD%E4%B8%8D%E4%B8%8A.mp4",
duration: ""
},
{
title: "第51集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6977675570473684237-%E4%B8%BA%E4%BB%80%E4%B9%88%E7%90%86%E7%A7%91%E7%94%9F%E9%83%BD%E7%88%B1%E7%A9%BF%E6%A0%BC%E5%AD%90%E8%A1%AB%EF%BC%9F%23newboy.mp4",
duration: ""
},
{
title: "第52集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6978047323939015943-%E5%9C%A8%E9%82%A3%E4%B9%88%E5%A4%9A%E7%96%B2%E6%83%AB%E5%BE%97%E6%8A%AC%E4%B8%8D%E8%B5%B7%E5%A4%B4%E7%9A%84%E6%97%A5%E5%AD%90%E9%87%8C%EF%BC%8C%E6%88%91%E9%83%BD%E8%A7%89%E5%BE%97%E4%BD%A0%E6%98%AF%E4%B8%AA%E7%9B%BC%E5%A4%B4%E3%80%82%23%E8%BF%99%E4%B8%96%E7%95%8C%E9%82%A3%E4%B9%88%E5%A4%9A%E4%BA%BA.mp4",
duration: ""
},
{
title: "第53集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6978411403644308750-%E4%BB%8A%E5%A4%A9%E5%B8%A6%E4%BA%86%E7%BE%8E%E7%9E%B3%EF%BC%8C%E8%A7%89%E5%BE%97%E8%87%AA%E5%B7%B1%E5%83%8F%E6%9D%A1%E3%80%82%23%E5%8D%8A%E6%83%85%E6%AD%8C.mp4",
duration: ""
},
{
title: "第54集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6979429346423409951-%E6%9B%BE%E7%BB%8F%E6%9C%89%E4%B8%AA%E7%94%B7%E4%BA%BA%E6%8A%8A%E6%88%91%E9%AB%98%E9%AB%98%E6%89%98%E8%B5%B7%EF%BC%8C%E5%8E%BB%E6%91%98%E6%9E%9D%E5%A4%B4%E7%9A%84%E8%8A%B1%E3%80%82%23%E8%90%B1%E8%8D%89%E8%8A%B1.mp4",
duration: ""
},
{
title: "第55集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6979543573725220127-%E5%AF%B9%E4%B8%8D%E8%B5%B7%EF%BC%8C%E6%9C%88%E6%9C%AB%E5%86%B2%E4%B8%9A%E7%BB%A9%E6%B0%B4%E4%B8%80%E6%9D%A1.mp4",
duration: ""
},
{
title: "第56集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6981384365867552030-%E8%99%BD%E7%84%B6%E8%BF%99%E4%B8%AA%E6%96%B0%E9%A3%8E%E6%A0%BC%E4%B8%8D%E5%A4%AA%E5%A5%BD%E5%90%AC%EF%BC%8C%E4%BD%86%E6%88%91%E8%BF%98%E6%98%AF%E8%A6%81%E5%8F%91%E5%87%BA%E6%9D%A5%E5%87%91%E6%95%B0%E3%80%82%23%E6%9C%80%E5%88%9D%E7%9A%84%E6%A2%A6%E6%83%B3.mp4",
duration: ""
},
{
title: "第57集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6981767094199274759-%E6%88%91%E6%9D%A5%E8%AF%B7%E5%90%84%E4%BD%8D%E5%96%9D%E4%B8%80%E6%9D%AF%E8%9C%9C%E9%9B%AA%E5%92%96%E5%96%B1%E5%90%A7%EF%BC%81%23%E8%9C%9C%E9%9B%AA%E5%86%B0%E5%9F%8E.mp4",
duration: ""
},
{
title: "第58集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6982488900799450399-%E4%BB%8E%E6%9C%AA%E6%8B%A5%E6%9C%89%E8%BF%87%E5%92%8C%E6%8B%A5%E6%9C%89%E8%BF%87%E5%8F%88%E5%A4%B1%E5%8E%BB%EF%BC%8C%E5%93%AA%E4%B8%AA%E6%9B%B4%E9%81%97%E6%86%BE%EF%BC%9F.mp4",
duration: ""
},
{
title: "第59集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6982861254385863949-%E9%A3%8E%E9%9B%A8%E5%86%8D%E5%A4%A7%E6%9C%89%E4%BD%A0%E5%9C%A8%E8%BA%AB%E6%97%81%EF%BC%8C%E5%B0%B1%E5%A4%9F%E5%95%A6%E3%80%82%23%E6%AD%8C%E6%9B%B2%E6%9C%89%E5%B9%B8%E8%A2%AB%E7%88%B1%E6%97%A0%E7%95%8F%E5%B1%B1%E6%B5%B7.mp4",
duration: ""
},
{
title: "第60集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6985084697554488590-%E5%A6%82%E6%9E%9C%E4%BD%A0%E5%88%9A%E5%A5%BD%E7%9C%8B%E5%88%B0%E6%99%9A%E9%9C%9E%E5%B0%B1%E5%BD%93%E4%BD%9C%E6%88%91%E4%BB%AC%E8%A7%81%E9%9D%A2%E4%BA%86%E5%90%A7%23%E7%9B%AE%E5%8F%8A%E7%9A%86%E6%98%AF%E4%BD%A0.mp4",
duration: ""
},
{
title: "第61集",
url: "https://hefollo.com/%E6%8A%96%E9%9F%B3%E5%B0%8F%E5%A7%90%E5%A7%90%E8%A7%86%E9%A2%91/%E5%B0%8F%E5%87%A4%E4%B9%9D/6974691456426495240-%E4%BB%8A%E5%A4%A9%E7%BB%99%E5%90%84%E4%BD%8D%E4%B8%8A%E4%B8%AA%E8%8C%B6%E8%89%BA.mp4",
duration: ""
}
// 按此格式继续添加更多视频即可
];
// ========================================================
var currentIndex = 0;
var autoPlayNext = true;
var loopAll = false;
var video = document.getElementById('mainVideo');
var playlistEl = document.getElementById('playlist');
function initPlaylist() {
playlistEl.innerHTML = '';
for (var i = 0; i < videoList.length; i++) {
var item = document.createElement('div');
item.className = 'playlist-item' + (i === 0 ? ' playing' : '');
item.setAttribute('data-index', i);
item.innerHTML =
'<div class="item-index">' + (i + 1) + '</div>' +
'<div class="item-info">' +
'<div class="item-title">' + videoList.title + '</div>' +
'<div class="item-duration">' + (videoList.duration || '') + '</div>' +
'</div>' +
'<div class="playing-indicator">' + (i === 0 ? '▶ 播放中' : '') + '</div>';
item.onclick = (function(idx) {
return function() { playVideo(idx); };
})(i);
playlistEl.appendChild(item);
}
}
function playVideo(index) {
if (index < 0) index = loopAll ? videoList.length - 1 : 0;
if (index >= videoList.length) index = loopAll ? 0 : videoList.length - 1;
currentIndex = index;
var item = videoList;
video.src = item.url;
video.load();
video.play().catch(function(e) {});
document.getElementById('videoTitle').textContent = item.title;
document.getElementById('videoIndex').textContent = '第 ' + (index + 1) + ' 集 / 共 ' + videoList.length + ' 集';
var items = playlistEl.querySelectorAll('.playlist-item');
for (var i = 0; i < items.length; i++) {
items.className = 'playlist-item';
var indicator = items.querySelector('.playing-indicator');
indicator.textContent = '';
if (i < index) items.className += ' played';
if (i === index) {
items.className += ' playing';
indicator.textContent = '▶ 播放中';
}
}
}
function nextVideo() {
if (currentIndex < videoList.length - 1) playVideo(currentIndex + 1);
else if (loopAll) playVideo(0);
}
function prevVideo() {
if (currentIndex > 0) playVideo(currentIndex - 1);
else if (loopAll) playVideo(videoList.length - 1);
}
function toggleAutoPlay() {
autoPlayNext = !autoPlayNext;
var btn = document.getElementById('autoPlayBtn');
btn.textContent = autoPlayNext ? '🔁 连播: 开' : '🔁 连播: 关';
btn.className = 'ctrl-btn' + (autoPlayNext ? ' active' : '');
}
function toggleLoop() {
loopAll = !loopAll;
var btn = document.getElementById('loopBtn');
btn.textContent = loopAll ? '🔂 循环: 开' : '🔂 循环: 关';
btn.className = 'ctrl-btn' + (loopAll ? ' active' : '');
}
video.addEventListener('ended', function() {
if (autoPlayNext) {
if (currentIndex < videoList.length - 1) nextVideo();
else if (loopAll) playVideo(0);
}
});
initPlaylist();
playVideo(0);
</script>
页:
[1]