-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
737 lines (703 loc) · 31.4 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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>ckplayer</title>
<script
type="text/javascript"
src="ckplayer/ckplayer.js"
charset="UTF-8"
></script>
<style type="text/css">
body {
margin: 0;
padding: 0px;
font-family: "Microsoft YaHei", YaHei, "微软雅黑", SimHei, "黑体";
font-size: 14px;
}
.container {
max-width: 1300px;
min-width: 840px;
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#video {
height: 400px;
width: 60%;
}
.videoList {
width: 40%;
background: #000;
color: #fff;
font-size: 12px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
flex-direction: row;
height: 400px;
overflow: auto;
}
.listItem {
width: 50%;
height: 120px;
padding: 4px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
box-sizing: border-box;
}
.listItem span {
cursor: pointer;
}
</style>
</head>
<body>
<div class="container">
<div id="video"></div>
<script type="text/javascript">
var videoObject = {
playerID: "ckplayer01", //播放器ID,第一个字符不能是数字,用来在使用多个播放器时监听到的函数将在所有参数最后添加一个参数用来获取播放器的内容
container: "#video", //容器的ID或className
variable: "player", //播放函数名称
loaded: "loadedHandler", //当播放器加载后执行的函数
loop: false, //播放结束是否循环播放
autoplay: true, //是否自动播放
//duration: 500, //设置视频总时间
//forceduration:120000,
//cktrack: '../material/en.srt', //字幕文件
cktrack: [
["../material/en.srt", "英文", 0],
["../material/zh.vtt", "中文", 1]
],
cktrackdelay: 0.2, //字幕延迟0.2秒显示
poster: "../material/poster.jpg", //封面图片
preview: {
//预览图片
file: [
"../material/mydream_en1800_1010_01.png",
"../material/mydream_en1800_1010_02.png"
],
scale: 2
},
drag: "start", //拖动的属性
seek: 3, //默认跳转的时间
//playbackrate:1,//默认速度的编号,只对html5有效,设置成-1则不显示倍速
//advertisements:'website:ad.json',
//front:'frontFun',//上一集的操作函数
//next:'nextFun',//下一集的操作函数
//front:'frontHandler(player)',
promptSpot: [
//提示点
{
words: "提示点文字01",
time: 30
},
{
words: "提示点文字02",
time: 150
}
],
adfront:
"https://ckplayer-video.oss-cn-shanghai.aliyuncs.com/ckplayer-ad/front01.mp4,https://ckplayer-video.oss-cn-shanghai.aliyuncs.com/ckplayer-ad/front02.mp4", //前置广告
adfronttime: "5,5", //前置广告单个时长
adfrontlink:
"https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=8hiawluh,https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=8hiawluh",
adfronttype: "mp4,mp4",
adpause:
"https://ckplayer-video.oss-cn-shanghai.aliyuncs.com/ckplayer-ad/pause01.jpg,https://ckplayer-video.oss-cn-shanghai.aliyuncs.com/ckplayer-ad/pause01.jpg",
adpausetime: "5,5", //暂信广告每个播放5秒种然后循环播放
adpauselink:
"https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=8hiawluh,https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=8hiawluh",
adinsert:
"https://ckplayer-video.oss-cn-shanghai.aliyuncs.com/ckplayer-ad/insert01.mp4,https://ckplayer-video.oss-cn-shanghai.aliyuncs.com/ckplayer-ad/insert02.mp4",
adinserttime: "5,5", //中间插入广告的单个视频的时长
adinsertlink:
"https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=8hiawluh,https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=8hiawluh",
adinserttype: "mp4,mp4",
inserttime: "10,20,30", //中间插入广告需要显示的时间点
adend:
"https://ckplayer-video.oss-cn-shanghai.aliyuncs.com/ckplayer-ad/end01.mp4,https://ckplayer-video.oss-cn-shanghai.aliyuncs.com/ckplayer-ad/end02.mp4",
adendtime: "5,5",
adendtype: "mp4,mp4",
adendlink:
"https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=8hiawluh,https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=8hiawluh",
//advertisements:'website:ad.json',//广告部分也可以用一个json文件来进行配置,可以动态文件
//广告部分结束
promptSpot: [
//提示点
{
words: "提示点文字01",
time: 30
},
{
words: "提示点文字02",
time: 150
}
],
config: "", //指定配置函数
debug: true, //是否开启调试模式
//flashplayer: true, //强制使用flashplayer
mobileCkControls: true, //是否在移动端(包括ios)环境中显示控制栏
mobileAutoFull: false, //在移动端播放后是否按系统设置的全屏播放
//live:true,//是否是直播视频,true=直播,false=点播
//h5container:'#videocontainer',//h5环境中使用自定义播放器ID
//h5videoid:'videoplayer',//h5环境中使用自定义的播放器ID
//html5m3u8:true,//是否在pc端环境使用hls播放m3u8
video: [
[
"http://img.ksbbs.com/asset/Mon_1703/05cacb4e02f9d9e.mp4",
"video/mp4",
"中文标清",
0
],
[
"http://img.ksbbs.com/asset/Mon_1703/d0897b4e9ddd9a5.mp4",
"video/mp4",
"中文高清",
0
],
[
"http://img.ksbbs.com/asset/Mon_1703/eb048d7839442d0.mp4",
"video/mp4",
"英文高清",
0
],
[
"http://img.ksbbs.com/asset/Mon_1703/d30e02a5626c066.mp4",
"video/mp4",
"英文超清",
0
]
]
};
var player = new ckplayer(videoObject);
function loadedHandler() {
player.addListener("error", errorHandler); //监听视频加载出错
player.addListener("loadedmetadata", loadedMetaDataHandler); //监听元数据
player.addListener("duration", durationHandler); //监听播放时间
player.addListener("time", timeHandler); //监听播放时间
player.addListener("play", playHandler); //监听暂停播放
player.addListener("pause", pauseHandler); //监听暂停播放
player.addListener("buffer", bufferHandler); //监听缓冲状态
player.addListener("seek", seekHandler); //监听跳转播放完成
player.addListener("seekTime", seekTimeHandler); //监听跳转播放完成
player.addListener("volume", volumeChangeHandler); //监听音量改变
player.addListener("full", fullHandler); //监听全屏/非全屏切换
player.addListener("ended", endedHandler); //监听播放结束
player.addListener("screenshot", screenshotHandler); //监听截图功能
player.addListener("mouse", mouseHandler); //监听鼠标坐标
player.addListener("frontAd", frontAdHandler); //监听前置广告的动作
player.addListener("wheel", wheelHandler); //监听视频放大缩小
player.addListener("controlBar", controlBarHandler); //监听控制栏显示隐藏事件
player.addListener("clickEvent", clickEventHandler); //监听点击事件
player.addListener("videoClick", videoClickHandler); //监听播放器单击事件
player.addListener("definitionChange", definitionChangeHandler); //监听清晰度切换事件
player.addListener("loadTime", loadTimeHandler); //监听加载速度
}
function videoClickHandler(obj, name) {
console.log(obj, name);
}
function errorHandler() {
//console.log('出错')
changeText(
".playerstate",
"状态:视频加载错误,停止执行其它动作,等待其它操作"
);
}
function loadedMetaDataHandler() {
var metaData = player.getMetaDate();
var html = "";
if (parseInt(metaData["videoWidth"]) > 0) {
changeText(
".playerstate",
"状态:获取到元数据信息,如果数据错误,可以使用延迟获取"
);
html += "总时间:" + metaData["duration"] + "秒,";
html += "音量:" + metaData["volume"] + "(范围0-1),";
html += "播放器的宽度:" + metaData["width"] + "px,";
html += "播放器的高度:" + metaData["height"] + "px,";
html += "视频宽度:" + metaData["videoWidth"] + "px,";
html += "视频高度:" + metaData["videoHeight"] + "px,";
html += "视频原始宽度:" + metaData["streamWidth"] + "px,";
html += "视频原始高度:" + metaData["streamHeight"] + "px,";
html += "是否暂停状态:" + metaData["paused"] + ",";
html += "已加载时间:" + metaData["loadTime"] + "秒";
} else {
changeText(".playerstate", "状态:未正确获取到元数据信息");
html = "没有获取到元数据";
}
changeText(".metadata", html);
}
function playHandler() {
//player.animateResume();//继续播放所有弹幕
changeText(".playstate", getHtml(".playstate") + " 播放");
window.setTimeout(function() {
loadedMetaDataHandler();
}, 1000);
loadedMetaDataHandler();
}
function pauseHandler() {
//player.animatePause();//暂停所有弹幕
changeText(".playstate", getHtml(".playstate") + " 暂停");
loadedMetaDataHandler();
}
function timeHandler(time) {
changeText(".currenttimestate", "当前播放时间(秒):" + time);
}
function durationHandler(duration) {
changeText(".duration", "总时间(秒):" + duration);
}
function seekHandler(state) {
changeText(".seekstate", getHtml(".seekstate") + " " + state);
}
function seekTimeHandler(time) {
changeText(".seekstate", getHtml(".seekstate") + " seekTime:" + time);
}
function bufferHandler(buffer) {
//console.log(buffer);
changeText(".bufferstate", "缓冲:" + buffer);
}
function volumeChangeHandler(vol) {
changeText(".volumechangestate", "当前音量:" + vol);
}
function loadTimeHandler(t) {
changeText(".loadtime", "当前加载的时间:" + t);
}
function screenshotHandler(obj) {
changeText(
".screenshot",
"图片名称:" +
obj["name"] +
",截图对象:" +
obj["object"] +
",是否用户保存:" +
obj["save"] +
',图片:<img src="' +
obj["base64"] +
'">'
);
}
function fullHandler(b) {
if (b) {
html = " 全屏";
} else {
html = " 否";
}
changeText(".fullstate", getHtml(".fullstate") + html);
}
function endedHandler() {
changeText(".endedstate", "播放结束");
}
function mouseHandler(obj) {
changeText(".mouse", "鼠标位置,x:" + obj["x"] + ",y:" + obj["y"]);
}
function frontAdHandler(status) {
changeText(".frontad", getHtml(".frontad") + " " + status);
}
var zoomNow = 1;
function wheelHandler(n) {
if (n > 0) {
if (zoomNow < 5) {
zoomNow += 0.1;
}
} else {
if (zoomNow > 0) {
zoomNow -= 0.1;
}
}
player.videoZoom(zoomNow); //支持鼠标滚轮控制放大缩小
}
function controlBarHandler(show) {
if (show) {
html = " 显示";
} else {
html = " 隐藏";
}
changeText(".controlBar", getHtml(".controlBar") + html);
}
function clickEventHandler(eve) {
changeText(".clickEvent", getHtml(".clickEvent") + " " + eve);
}
function definitionChangeHandler(num) {
changeText(
".definitionChange",
getHtml(".definitionChange") + ",切换清晰度编号" + num
);
}
var videoChangeNum = 0;
function seekTime() {
var time = parseInt(player.getByElement(".seektime").value);
var metaData = player.getMetaDate();
var duration = metaData["duration"];
if (time < 0) {
alert("请填写大于0的数字");
return;
}
if (time > duration) {
alert("请填写小于" + duration + "的数字");
return;
}
player.videoSeek(time);
}
function changeVolume() {
var volume = player.getByElement(".changevolume").value;
volume = Math.floor(volume * 100) / 100;
if (volume < 0) {
alert("请填写大于0的数字");
return;
}
if (volume > 1) {
alert("请填写小于1的数字");
return;
}
player.changeVolume(volume);
}
function changeSize() {
player.changeSize(w, h);
}
function frontFun() {
alert("点击了前一集");
}
function nextFun() {
alert("点击了下一集");
}
function adjump() {
alert("点击了跳过广告按钮");
//player.videoPlay();
}
function newVideo() {
var videoUrl = player.getByElement(".videourl").value;
changeVideo(videoUrl);
}
function newVideo2() {
var videoUrl = player.getByElement(".videourl2").value;
changeVideo(videoUrl);
}
function changeVideo(videoUrl) {
if (player == null) {
return;
}
var newVideoObject = {
container: "#video", //容器的ID
variable: "player",
autoplay: true, //是否自动播放
loaded: "loadedHandler", //当播放器加载后执行的函数
video: videoUrl
};
//判断是需要重新加载播放器还是直接换新地址
if (player.playerType == "html5video") {
if (
player.getFileExt(videoUrl) == ".flv" ||
player.getFileExt(videoUrl) == ".m3u8" ||
player.getFileExt(videoUrl) == ".f4v" ||
videoUrl.substr(0, 4) == "rtmp"
) {
player.removeChild();
player = null;
player = new ckplayer();
player.embed(newVideoObject);
} else {
player.newVideo(newVideoObject);
}
} else {
if (
player.getFileExt(videoUrl) == ".mp4" ||
player.getFileExt(videoUrl) == ".webm" ||
player.getFileExt(videoUrl) == ".ogg"
) {
player = null;
player = new ckplayer();
player.embed(newVideoObject);
} else {
player.newVideo(newVideoObject);
}
}
}
var elementTemp = null; //保存元件
function newElement() {
if (elementTemp != null) {
alert("为了演示的简单性,本实例只能建立一个元件");
return;
}
var attribute = {
list: [
//list=定义元素列表
{
type: "png", //定义元素类型:只有二种类型,image=使用图片,text=文本
file: "../material/logo.png", //图片地址
radius: 30, //图片圆角弧度
width: 30, //定义图片宽,必需要定义
height: 30, //定义图片高,必需要定义
alpha: 0.9, //图片透明度(0-1)
marginLeft: 10, //图片离左边的距离
marginRight: 10, //图片离右边的距离
marginTop: 10, //图片离上边的距离
marginBottom: 10, //图片离下边的距离
clickEvent: "link->http://www.ckplayer.com"
},
{
type: "text", //说明是文本
text: "演示弹幕内容,弹幕只支持普通文本,不支持HTML", //文本内容
color: "0xFFDD00", //文本颜色
size: 14, //文本字体大小,单位:px
font:
'"Microsoft YaHei", YaHei, "微软雅黑", SimHei,"\5FAE\8F6F\96C5\9ED1", "黑体",Arial', //文本字体
leading: 30, //文字行距
alpha: 1, //文本透明度(0-1)
paddingLeft: 10, //文本内左边距离
paddingRight: 10, //文本内右边距离
paddingTop: 0, //文本内上边的距离
paddingBottom: 0, //文本内下边的距离
marginLeft: 0, //文本离左边的距离
marginRight: 10, //文本离右边的距离
marginTop: 10, //文本离上边的距离
marginBottom: 0, //文本离下边的距离
backgroundColor: "0xFF0000", //文本的背景颜色
backAlpha: 0.5, //文本的背景透明度(0-1)
backRadius: 30, //文本的背景圆角弧度
clickEvent: "actionScript->videoPlay"
}
],
x: 10, //元件x轴坐标,注意,如果定义了position就没有必要定义x,y的值了,x,y支持数字和百分比,使用百分比时请使用单引号,比如'50%'
y: 50, //元件y轴坐标
//position:[1,1],//位置[x轴对齐方式(0=左,1=中,2=右),y轴对齐方式(0=上,1=中,2=下),x轴偏移量(不填写或null则自动判断,第一个值为0=紧贴左边,1=中间对齐,2=贴合右边),y轴偏移量(不填写或null则自动判断,0=紧贴上方,1=中间对齐,2=紧贴下方)]
alpha: 1, //元件的透明度
backgroundColor: "0xFFDD00", //元件的背景色
backAlpha: 0.5, //元件的背景透明度(0-1)
backRadius: 60, //元件的背景圆角弧度
clickEvent: "actionScript->videoPlay"
};
elementTemp = player.addElement(attribute);
}
function deleteElement() {
if (elementTemp != null) {
player.deleteElement(elementTemp);
elementTemp = null;
} else {
alert("演示删除元件需要先添加");
}
}
function newDanmu() {
//弹幕说明
var danmuObj = {
list: [
{
type: "image", //定义元素类型:只有二种类型,image=使用图片,text=文本
file: "../material/logo.png", //图片地址
radius: 30, //图片圆角弧度
width: 30, //定义图片宽,必需要定义
height: 30, //定义图片高,必需要定义
alpha: 0.9, //图片透明度(0-1)
marginLeft: 10, //图片离左边的距离
marginRight: 10, //图片离右边的距离
marginTop: 10, //图片离上边的距离
marginBottom: 10, //图片离下边的距离
clickEvent: "link->http://"
},
{
type: "text", //说明是文本
text: "演示弹幕内容,弹幕只支持普通文本,不支持HTML", //文本内容
color: "0xFFDD00", //文本颜色
size: 14, //文本字体大小,单位:px
font:
'"Microsoft YaHei", YaHei, "微软雅黑", SimHei,"\5FAE\8F6F\96C5\9ED1", "黑体",Arial', //文本字体
leading: 30, //文字行距
alpha: 1, //文本透明度(0-1)
paddingLeft: 10, //文本内左边距离
paddingRight: 10, //文本内右边距离
paddingTop: 0, //文本内上边的距离
paddingBottom: 0, //文本内下边的距离
marginLeft: 0, //文本离左边的距离
marginRight: 10, //文本离右边的距离
marginTop: 10, //文本离上边的距离
marginBottom: 0, //文本离下边的距离
backgroundColor: "0xFF0000", //文本的背景颜色
backAlpha: 0.5, //文本的背景透明度(0-1)
backRadius: 30, //文本的背景圆角弧度
clickEvent: "actionScript->videoPlay"
}
],
x: "100%", //x轴坐标
y: "50%", //y轴坐标
//position:[2,1,0],//位置[x轴对齐方式(0=左,1=中,2=右),y轴对齐方式(0=上,1=中,2=下),x轴偏移量(不填写或null则自动判断,第一个值为0=紧贴左边,1=中间对齐,2=贴合右边),y轴偏移量(不填写或null则自动判断,0=紧贴上方,1=中间对齐,2=紧贴下方)]
alpha: 1,
//backgroundColor:'#FFFFFF',
backAlpha: 0.8,
backRadius: 30 //背景圆角弧度
};
var danmu = player.addElement(danmuObj);
var danmuS = player.getElement(danmu);
var obj = {
element: danmu,
parameter: "x",
static: true, //是否禁止其它属性,true=是,即当x(y)(alpha)变化时,y(x)(x,y)在播放器尺寸变化时不允许变化
effect: "None.easeOut",
start: null,
end: -danmuS["width"],
speed: 10,
overStop: true,
pauseStop: true,
callBack: "deleteChild"
};
var danmuAnimate = player.animate(obj);
}
function deleteChild(ele) {
if (player) {
//console.log(player.getElement(ele));
player.deleteElement(ele);
}
}
function changeText(div, text) {
player.getByElement(div).innerHTML = text;
}
function getHtml(div) {
return player.getByElement(div).innerHTML;
}
var zoom = 1;
var xx =
"http://vipcdnuni.115.com/down_group524/M00/3E/54/tzyQrVI3s4UAAAAASulj6wyrhGs2247183/%E9%AB%98%E4%B8%AD%E7%94%9F1.mp4?k=IlwmhD3zBzlgVCXh4v-kbw&t=1516692317&u=vip-1742903537-30652602-b6s6y7v7yv8238wyu&s=13107200&file=%E9%AB%98%E4%B8%AD%E7%94%9F1.mp4";
var xx2 =
"http://vipcdnuni.115.com/down_group524/M00/3E/54/tzyQrVI3s4UAAAAASulj6wyrhGs2247183/%E9%AB%98%E4%B8%AD%E7%94%9F1.mp4?k=IlwmhD3zBzlgVCXh4v-kbw&t=1516692317&u=vip-1742903537-30652602-b6s6y7v7yv8238wyu&s=13107200&file=%E9%AB%98%E4%B8%AD%E7%94%9F1.mp4";
var arr1 = xx.split("");
var arr2 = xx2.split("");
for (var m = 0; m < arr1.length; m++) {
//console.log(arr1[m],arr2[m]);
if (arr1[m] != arr2[m]) {
alert(m);
}
}
</script>
<div class="videoList">
<a href="javascript:;" class="listItem">
<input
type="hidden"
class="videourl"
placeholder="视频地址"
value="http://www.flashls.org/playlists/test_001/stream_1000k_48k_640x360.m3u8"
/>
<img src="image/001.jpg" alt="" />
<span onclick="newVideo()">视频一</span>
</a>
<a href="javascript:;" class="listItem">
<input
type="hidden"
class="videourl2"
placeholder="视频地址"
value="http://img.ksbbs.com/asset/Mon_1703/d30e02a5626c066.mp4"
/>
<img src="image/001.jpg" alt="" />
<span onclick="newVideo2()">视频二</span>
</a>
<a href="javascript:;" class="listItem">
<input
type="hidden"
class="videourl2"
placeholder="视频地址"
value="http://img.ksbbs.com/asset/Mon_1703/d30e02a5626c066.mp4"
/>
<img src="image/001.jpg" alt="" />
<span onclick="newVideo2()">视频二</span>
</a>
<!-- <p>
<button type="button" onclick="player.videoPlay()">播放</button>
<button type="button" onclick="player.videoPause()">暂停</button>
<button type="button" onclick="player.playOrPause()">播放/暂停</button>
<button type="button" onclick="player.videoMute()">静音</button>
<button type="button" onclick="player.videoEscMute()">取消静音</button>
<button type="button" onclick="player.videoClear()">清除视频(仅flashplayer)</button>
<button type="button" onclick="loadedMetaDataHandler()">获取元数据</button>
<button type="button" onclick="newElement()">添加元件</button>
<button type="button" onclick="deleteElement()">删除元件</button>
<button type="button" onclick="player.screenshot('video',false,'视频截图')">视频截图(需要视频权限)</button>
<button type="button" onclick="player.screenshot('player',false,'播放器截图')">播放器截图(需要视频权限)</button>
</p> -->
<!-- <p>
<button type="button" onclick="newDanmu()">添加弹幕</button>
<button type="button" onclick="player.elementShow('',false)">隐藏所有弹幕</button>
<button type="button" onclick="player.elementShow('',true)">显示所有弹幕</button>
</p> -->
<!-- <p>
<button type="button" onclick="player.adPause()">暂停广告</button>
<button type="button" onclick="player.adPlay()">继续播放广告</button>
<button type="button" onclick="player.videoPlay()">关闭(结束)广告</button>
</p> -->
<!-- <p>
<button type="button" onclick="player.changeControlBarShow(true)">显示控制栏</button>
<button type="button" onclick="player.changeControlBarShow(false)">隐藏控制栏</button>
</p> -->
<!-- <p>
<button type="button" onclick="player.videoRotation()">默认角度</button>
<button type="button" onclick="player.videoRotation(1)">顺时针旋转</button>
<button type="button" onclick="player.videoRotation(-1)">逆时针旋转</button>
<button type="button" onclick="player.videoRotation(90)">旋转90</button>
<button type="button" onclick="player.videoRotation(180)">旋转180</button>
<button type="button" onclick="player.videoRotation(270)">旋转270</button>
<button type="button" onclick="player.videoRotation(-90)">旋转-90</button>
<button type="button" onclick="player.videoRotation(-180)">旋转-180</button>
<button type="button" onclick="player.videoRotation(-270)">旋转-270</button>
</p>
<p>
<button type="button" onclick="player.videoZoom(1)">默认大小</button>
<button type="button" onclick="player.videoZoom(zoom+=0.1)">放大</button>
<button type="button" onclick="player.videoZoom(zoom-=0.1)">缩小</button>
</p>
<p>
<button type="button" onclick="player.changePlaybackRate(1)">默认速度(仅H5)</button>
<button type="button" onclick="player.changePlaybackRate(0)">0.5倍(仅H5)</button>
<button type="button" onclick="player.changePlaybackRate(3)">1.5倍(仅H5)</button>
<button type="button" onclick="player.changePlaybackRate(4)">2倍(仅H5)</button>
</p> -->
<!-- <p>
<button type="button" onclick="player.changeDefinition(0)">切换清晰度(0)</button>
<button type="button" onclick="player.changeDefinition(1)">切换清晰度(1)</button>
<button type="button" onclick="player.changeDefinition(2)">切换清晰度(2)</button>
</p>
<p>
<button type="button" onclick="player.changeConfig('config','timeScheduleAdjust',1)">正常拖动</button>
<button type="button" onclick="player.changeConfig('config','timeScheduleAdjust',0)">不能拖动</button>
<button type="button" onclick="player.changeConfig('config','timeScheduleAdjust',2)">只能前进(向右拖动)</button>
<button type="button" onclick="player.changeConfig('config','timeScheduleAdjust',3)">只能后退</button>
<button type="button" onclick="player.changeConfig('config','timeScheduleAdjust',4)">能回到第一次拖动时的位置</button>
<button type="button" onclick="player.changeConfig('config','timeScheduleAdjust',5)">看过的地方可以随意拖动</button>
</p> -->
<!-- <p>
<button type="button" onclick="player.videoProportion()">原始比例(仅flashplayer)</button>
<button type="button" onclick="player.videoProportion(4,3)">4:3(仅flashplayer)</button>
<button type="button" onclick="player.videoProportion(16,9)">16:9(仅flashplayer)</button>
</p>
<p>
<button type="button" onclick="player.videoBrightness(100)">调整亮度(仅flashplayer)</button>
<button type="button" onclick="player.videoBrightness(0)">恢复亮度(仅flashplayer)</button>
<button type="button" onclick="player.videoContrast(200)">调整对比度(仅flashplayer)</button>
<button type="button" onclick="player.videoContrast(127.5)">恢复对比度(仅flashplayer)</button>
<button type="button" onclick="player.videoSaturation(0)">调整饱和度(仅flashplayer)</button>
<button type="button" onclick="player.videoSaturation(1)">恢复饱和度(仅flashplayer)</button>
<button type="button" onclick="player.videoHue(-90)">调整色相(仅flashplayer)</button>
<button type="button" onclick="player.videoHue(0)">恢复色相(仅flashplayer)</button>
</p> -->
<!-- <p class="metadata"></p> -->
<!-- <p>单独监听功能:</p> -->
<!-- <p class="handler">
<span class="duration"></span><br />
<span class="playstate">播放状态:</span><br />
<span class="seekstate">跳转状态:无</span><br />
<span class="bufferstate">缓冲:100</span><br />
<span class="loadtime">加载速率:0</span><br />
<span class="volumechangestate">当前音量:0.8</span><br />
<span class="fullstate">是否全屏:否</span><br />
<span class="controlBar">控制栏:显示</span><br />
<span class="endedstate">还未结束</span><br />
<span class="currenttimestate">当前播放时间(秒):0</span><br />
<span class="frontad">前置广告状态:</span><br />
<span class="mouse">鼠标位置</span><br />
<span class="definitionChange">切换清晰度:</span><br />
<span class="clickEvent">点击监听:</span><br />
<span class="screenshot">监听截图功能(截图功能需要视频权限)</span>
</p> -->
</div>
</div>
</body>
</html>