37 lines
1.5 KiB
HTML
37 lines
1.5 KiB
HTML
<!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:14px}</style>
|
||
|
||
</head>
|
||
|
||
<body>
|
||
<div id="video" style="width: 100%; height: 400px;">
|
||
<video id="videocontainer" src="http://img.ksbbs.com/asset/Mon_1703/eb048d7839442d0.mp4"></video>
|
||
</div>
|
||
<script type="text/javascript" src="../ckplayer/ckplayer.js"></script>
|
||
<script type="text/javascript">
|
||
var videoObject = {
|
||
container: '#video', //容器的ID或className
|
||
variable: 'player',//播放函数名称
|
||
poster:'../material/poster.jpg',//封面图片
|
||
mobileCkControls:true,//是否在移动端（包括ios）环境中显示控制栏
|
||
mobileAutoFull:false,//在移动端播放后是否按系统设置的全屏播放
|
||
h5container:'#videocontainer',//h5环境中使用自定义容器
|
||
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', '英文高清', 10],
|
||
['http://img.ksbbs.com/asset/Mon_1703/d30e02a5626c066.mp4', 'video/mp4', '英文超清', 0],
|
||
]
|
||
};
|
||
var player = new ckplayer(videoObject);
|
||
</script>
|
||
<p>本页观看需要在支持h5环境的浏览器上，视频格式需要是h5支持的mp4</p>
|
||
</body>
|
||
|
||
</html> |