苹果cms设置本地播放器 ckplayer(版本:ckplayerx)

最新推荐文章于 2024-10-22 13:11:09 发布

食之无味,弃之可惜

最新推荐文章于 2024-10-22 13:11:09 发布

阅读量1.6w

点赞数

分类专栏： linux 前端文章标签： html js html5 web

原文链接：https://blog.gojw.xyz/2020/04/12/%E8%8B%B9%E6%9E%9Ccms%E8%AE%BE%E7%BD%AE%E6%9C%AC%E5%9C%B0%E6%92%AD%E6%94%BE%E5%99%A8-ckplayer(%E7%89%88%E6%9C%AC-ckplayerx)/

版权

linux 同时被 2 个专栏收录

13 篇文章

订阅专栏

前端

8 篇文章

订阅专栏

苹果cms设置本地播放器 ckplayer(版本:ckplayerx)

文章目录

概述

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

设置方法

官网下载压缩包压缩包地址
windows的话上传里面的ckplayer目录到服务器（当然得压缩一下先），解压到苹果CMS 的 static/player/
目录下。
新建 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>

播放器代码

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();