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>