<!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 style="position: absolute; top: 0;left: 0; bottom:0; right: 0; ">
|
<div id="video" style="width: 960px; height: 600px;margin: 0 auto;"></div>
|
</div>
|
<div id="video" style="width: 100%; height: 400px;max-width: 600px;"></div>
|
<script src="js/jquery-1.8.3.js"></script>
|
<script type="text/javascript" src="ckplayer/ckplayer.js" charset="UTF-8"></script>
|
<script type="text/javascript">
|
var videoObject = {
|
container: '#video', //容器的ID或className
|
variable: 'player', //播放函数名称
|
loop: false, //播放结束是否循环播放
|
autoplay: false,//是否自动播放
|
//poster: 'material/poster.jpg', //封面图片
|
preview: {},
|
drag: 'start', //拖动的属性
|
video: [
|
['../staionsrc/123/vide/和20171210.mp4', 'video/mp4']
|
]
|
};
|
var player = new ckplayer(videoObject);
|
</script>
|
</body>
|
|
</html>
|
