苹果CMS设置本地播放器 CKplayer(版本:Ckplayer X)

概述

之前试过阿里云的 aliplayer、苹果cms自带的 dplayer,跟最新的 ckplayer比,个人体验ckplayer好很多。

设置方法

  1. 官网下载压缩包 压缩包地址
    windows的话上传里面的ckplayer目录到服务器(当然得压缩一下先),解压到 苹果CMS 的 static/player/
    目录下。
  2. 新建 ckplayer.html
<!DOCTYPE html>
<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta http-equiv="X-UA-Compatible" content="IE=11" />
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport">
		<title>ckplayer</title>
		<style type="text/css">
	 body,html{background-color:#000;padding: 0;margin: 0;width:100%;height:100%;}
		#video{width:100%;height:100%;padding:0;margin:0;display:block;}
		</style>

	</head>

	<body>
		<div id="video"></div>
		<script type="text/javascript" src="/static/player/ckplayer/ckplayer.js"></script>
		<script type="text/javascript">
			var videoObject = {
				container: '#video', //容器的ID或className
				variable: 'player',//播放函数名称
				video: parent.MacPlayer.PlayUrl, //播放地址
				autoplay: true, //自动播放,手机端某些浏览器会失效
				html5m3u8:true //电脑端强制 html,默认的flash太难看
			};
	
		</script>
		
	</body>

</html>

3.播放器代码

MacPlayer.Html = '<iframe src="'+maccms.path+'/static/player/ckplayer.html" width="100%" height="'+MacPlayer.Height+'" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>'; 
MacPlayer.Show(); 
0
分享到:

评论0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
没有账号? 忘记密码?