ckplayer界面漂亮！是一款在网页上播放视频的软件，基于javascript和css，其特点是开源，功能强大，不依赖其它插件，二次开发简单方便。
支持贴片广告，切换语言，记忆播放，弹幕，视频预览；
支持字幕，截图，旋转视频，缩放视频，同页放置多个播放器；
支持点播、直播、直播+回看、m3u8点播+直播、flv点播+直播、ts直播、播放mpd格式视频；
下面的代码保存为php或html 。在浏览器输入：http://***/ckx3.php?url=http://localhost/mp4/123.mp4或者http://***/ckx3.php?url=http://localhost/mp4/123.m3u8 测试看看能否正常播放放！
Markup
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CKplayerX3播放器www.yaaibk.com</title>
<link type="text/css" rel="stylesheet" href="ckplayer/css/ckplayer.css" />
<script type="text/javascript" src="ckplayer/js/flv.min.js"></script>
<script type="text/javascript" src="ckplayer/js/hls.min.js"></script>
<script type="text/javascript" src="ckplayer/js/mpegts.min.js"></script>
<script type="text/javascript" src="ckplayer/js/ckplayer.js"></script>
<style type="text/css">
body,html{height:100%;background-color:#000;margin:0px;padding:0px;overflow:hidden;}
#ckplayer{height:100%;}
</style>
</head>
<body>
<div id="ckplayer"></div>
<script type="text/javascript">
/*
截取当前 url 地址？后面所有的内容 geturl_yaaibk('url');
*/
function geturl_yaaibk(url) {
var str ='?'+url+'=';
var str =str.length; // 5
var query = window.location.search.substring(str);
return query;
};
//console.log(geturl_yaaibk('url'));
var videoObject = {
container: '#ckplayer',//视频容器的ID
poster: 'ckplayer/js/11144562496.jpg',//封面图片地址
logo:'ckplayer/js/logo_m.png',
autoplay: true,//是否自动播放 true false
seek: '',//默认需要跳转的秒数
plug:'hls.js',//使用插件，目前支持hls.js:用于在pc端播放m3u8，flv.js:播放flv，mpegts.js：播放ts
prompt: [{ //提示点功能
time: 30,
words: '跳过片头时间',
},
{
time: 220,
words: '跳过片尾时间',
}],
//crossOrigin:'Anonymous',//发送跨域信息，示例：Anonymous
video: geturl_yaaibk('url'),//视频地址
//type:'',//视频类型
//playbackrate: 1,//默认倍速
//ended:'.video-ended',//结束显示的内容
webFull:true,//是否启用页面全屏按钮，默认不启用
theatre:true,//是否启用剧场模式按钮，默认不启用
//controls:true,//是否显示自带控制栏
rightBar:true,//是否开启右边控制栏
smallWindows:true,//是否启用小窗口模式
smallWindowsDrag:true,//小窗口开启时是否可以拖动 false true
screenshot:true,//截图功能是否开启
timeScheduleAdjust:1,//是否可调节播放进度,0不启用，1是启用，2是只能前进（向右拖动），3是只能后退，4是只能前进但能回到第一次拖动时的位置，5是看过的地方可以随意拖动
//logo:'',//logo
menu:[{
title: '优惠券榜单',
link: 'http://wz.5devip.com/',
},
{
title: '雅爱 TV',
link: 'http://bfq.yaaibk.com/',
},
{
title:'播放 / 暂停',
click:'player.playOrPause',
},
{
title:'关于视频',
click:'aboutShow'
}
],
information:{//关于视频信息
//'ID：':'1e0bdbe69e692383',
'已加载：':'{loadTime}秒',
'总时长：':'{duration}秒',
'视频尺寸：':'{videoWidth}x{videoHeight}',
'音量：':'{volume}%',
'FPS：':'{fps}',
'音频解码：':'{audioDecodedByteCount} Byte',
'视频解码：':'{videoDecodedByteCount} Byte',
'TITLE：':'演示视频',
'COPYRIGHT：':'视频版权归《雅爱博客》所有' ,
},
title:'雅爱博客',//视频标题,截图用到
barHideTime:5500,//控制栏隐藏时间
playbackrateOpen:true,//是否开启控制栏倍速选项
playbackrateList:[0.75,1,1.25,1.5,2,4],//倍速配置值
//cookie:'abcdefg',//cookie名称，在同一域中请保持唯一
//domain:'http://www.xxx.cc/cs.html',//cookie保存域
//cookiePath:'/',//cookie保存路径
//documentFocusPause:false,//窗口失去焦点后暂停播放
mouseWheelVolume:1,//是否启用鼠标滚轮调节音量功能，0=不启用，1=启用，2=全屏时才启用
//keyVolume:2,//是否启用键盘控制音量调节，0=不启用，1=启用，2=全屏时才启用
};
var player=new ckplayer(videoObject);//初始化播放器
</script>
</body>
</html>