说明
代码简单，页面简洁，支持自动连续播放，兼容微信不用全屏就能播放，第一次打开手动点击播放；
视频链接添加到ks.txt文件中，每行一条链接地址，源码包内提供了6000条视频链接，自行添加即可；
代码
index.html - 入口页面
<!DOCTYPE html><html lang="zh-CN"><head>
<meta charSet="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<meta name="referrer" content="never">
<meta name="renderer" content="webkit" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title> XJJ </title>
<link rel="stylesheet" href="style.css"></head><body>
<section id="main">
<video id="player" src="video.php" controls webkit-playsinline playsinline></video>
</section>
<section id="buttons">
<button id="switch">连续: 开</button>
<button id="next">播放下一个</button>
</section>
<script>
(function (window, document) { if (top != self) { window.top.location.replace(self.location.href);
} var get = function (id) { return document.getElementById(id);
} var bind = function (element, event, callback) { return element.addEventListener(event, callback);
} var auto = true; var player = get('player'); var randomm = function () {
player.src = 'video.php?_t=' + Math.random();
player.play();
}
bind(get('next'), 'click', randomm);
bind(player, 'error', function () {
randomm();
});
bind(get('switch'), 'click', function () {
auto = !auto; this.innerText = '连续: ' + (auto ? '开' : '关');
});
bind(player, 'ended', function () { if (auto) randomm();
});
})(window, document); </script> </body></html>style.css - 样式
* { border: 0; margin: 0; padding: 0; outline: none; box-sizing: border-box;
}body { background: #000; width: 100vw; height: 100vh; overflow: hidden; display: flex; flex-direction: column; align-items: center;
}#main { height: calc(100vh - 60px); display: flex; justify-content: center; align-items: center;
}#player { width: 100%; height: auto; max-height: 100%;
}#buttons { height: 60px; padding: 10px;
}#switch,#next { background: #FFF; background: linear-gradient(to bottom, #FF2,#FB0); color: #AF2E08; font-size: 16px; font-weight: bold; height: 40px; padding: 0px 20px; margin: 0px 5px; border-radius: 20px;
}video.php - 随机获取视频API
<?phpfunction read(...$filelist) {
$list = []; foreach ($filelist as $file) {
$handle = fopen($file, 'r'); while (($line = fgets($handle)) !== false) {
array_push($list, trim($line));
}
fclose($handle);
} return $list;
}
$list = read('ks.txt');
$url = $list[array_rand($list)];
header("Location: {$url}");ks.txt - 视频列表
/* 视频路径一行一个，自行补充 */ …… …… ……
下载
可以按上面的代码自行创建文件，也可直接在下面下载源码包
还没有评论，来说两句吧...