-
Notifications
You must be signed in to change notification settings - Fork 27
/
Copy pathindex.html
executable file
·56 lines (47 loc) · 1.94 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ckplayer</title>
<style type="text/css">
body {
margin: 0;
padding: 0px;
font-family: "Microsoft YaHei", YaHei, "微软雅黑", SimHei, "黑体";
font-size: 18px;
}
p{
padding-left: 2em;
}
</style>
</head>
<body>
<div id="video" style="width: 100%; height: 400px;max-width: 600px;"></div>
<script type="text/javascript" src="./ckplayer/ckplayer.js" charset="UTF-8"></script>
<script src="//cdn.jsdelivr.net/npm/vconsole@latest"></script>
<script type="text/javascript">
var videoObject = {
container: '#video', //容器的ID或className
variable: 'player', //播放函数名称
loop: false, //播放结束是否循环播放
autoplay: true,
html5m3u8: true,
video: 'http://ckplayer-video.oss-cn-shanghai.aliyuncs.com/ckplayer-sample/m3u8/cd/index.m3u8',//视频地址
//flashplayer:true,
debug:true,
};
var player = new ckplayer(videoObject);
var vConsole = new VConsole();
</script>
<p>欢迎使用ckplayer，当前版本：X1，<a href="http://www.ckplayer.com/" target="_blank">官网</a>，<a href="http://www.ckplayer.com/manualX/" target="_blank">帮助手册</a></p>
<p><a href="sample/index.html" target="_blank">全功能演示</a></p>
<p><a href="sample/iframe.html" target="_blank">使用框架播放演示</p>
<p><a href="sample/flashplayer.html" target="_blank">仅flashplayer播放演示</p>
<p><a href="sample/h5.html" target="_blank">仅H5播放演示</p>
<p><a href="sample/rtmp.html" target="_blank">RTMP播放示例</p>
<p><a href="sample/ios.html" target="_blank">在各平台统一播放器风格</p>
<p><a href="sample/dm.html" target="_blank">弹幕演示</p>
<p><a href="sample/adother.html" target="_blank">单独配置广告，支持角标广告和片头贴片，中插，结束广告，暂停广告</p>
<p><a href="http://www.ckplayer.com/" target="_blank">更多演示</p>
</body>
</html>