|
发表于 2022-3-7 19:57:40
|
显示全部楼层
静态页面类似:
页面:index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="ckplayer/hls.js/hls.min.js"></script>
<link rel="stylesheet" type="text/css" href="ckplayer/css/ckplayer.css">
<body>
<div class="video" style="width: 100%; height: 100%;"></div>
<script type="text/javascript" src="ckplayer/ckplayer.min.js"></script>
<script type="text/javascript">function getQueryVariable(variable) {
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i = 0; i < vars.length; i++) {
var pair = vars.split("=");
if (pair[0] == variable) {
return pair[1];
}
}
return (false);
}
var videoObject = {
container: '#video',//容器的ID或className
variable: 'player',//播放函数名称
poster: '',//封面图片
autoplay: false,//自动播放
video: getQueryVariable("url") //播放地址
};
var player = new ckplayer(videoObject);</script>
</body>
</html>
方法:http://127.0.0.1/index.html?url=video.mp4 |
|